html - 用于修改 HTML 元素的 Chrome 内容脚本

Question

我想使用 Google Chrome 内容脚本来修改以下 HTML 代码。

<font style="color:white;"> Text Here </font>

有人可以建议我应该用来识别元素然后更改它的代码，例如：

<font style="background-color:black;color:white;"> Text Here </font>

感谢您提前输入。

Answer 1

您可以通过在扩展中包含 JQuery 库来做到这一点，然后您可以使用一行代码进行此更改。

$("font[style='color:white;']").css("background-color","black");

color:white;这将使用 style和 append标识所有字体元素background-color:black;。

你可以在这里看到它的作用

以下是在扩展中包含 JQuery 的方法：

请记住在扩展根目录中包含 jquery.js 文件。

{
  ...
  "content_scripts": [
    {
      "matches": ["http://www.whateveryoulike.com/*"],
      "js": ["jquery.js", "myscript.js"]
    }
  ]
  ...
}