无法使用 jQuery（Chrome 扩展）选择一些 Facebook 类答案

【问题标题】：Can't select some Facebook classes with jQuery (Chrome Extension)无法使用 jQuery（Chrome 扩展）选择一些 Facebook 类
【发布时间】：2018-07-14 05:36:07
【问题描述】：

长话短说。

如果我使用带有以下代码的 CSS content_script...

._o46._nd_ ._hh7 {
background-color:#333!important;}

...它有效。 它将 Facebook Messenger 消息气泡颜色更改为 #333。

但我需要用 JS 来做，所以我试图用 JS content_script 做以下事情：

$("._o46._nd_._hh7").css("background-color", "#333")

但是，是的，由于某种我不知道的原因，它不起作用。

JQuery 包含在内，它可以正常工作，因为我可以使用它从 Facebook 页面更改正文颜色。似乎它是特定于 Facebook Messenger 的。

我尝试将选择器修改为所有可能的方式。我什至尝试只选择 ._hh7 类（以更改所有消息气泡，而不仅仅是发送者的）以查看它是否有效，但仍然无法完成工作。

我不知道我做错了什么，或者我是否做错了什么。我是 Chrome 扩展程序的新手，但我可以毫无问题地更改正文颜色这一事实让我想知道什么

【问题讨论】：

标签： javascript jquery css facebook google-chrome

【解决方案1】：

css 选择器与 jquery 选择器不同。更新 jquery 以包含空格：

$("._o46._nd_ ._hh7").css("background-color", "#333")

【讨论】：

其实，我的 jQuery 选择器的类最初是这样的，但它不能这样工作。这就是为什么我开始测试在选择器中编写类的其他方法并最终得到问题的方法。
好的，你有没有包含在内容脚本中的js文件？ "content_scripts": [ { "matches": ["google.com*"], "css": ["mystyles.css"], "js": ["jquery.js", "myscript.js"] } ] , 如果是这样，您可以检查以确保该文件包含在 Sources 选项卡下的 chrome devtools 中。在左侧的文件上方应该有一个带有“内容脚本”选项的箭头下拉菜单。
它包含在内，我什至可以更改 Facebook 站点中静态元素的样式（例如将边框半径应用于个人资料图片）。我认为问题在于动态消息（消息）。
看一下Messenger的html。也许它在 iframe 或套接字中，并且无法操作。
我不知道socket是什么，但它不是iframe。