javascript - 使用 Chrome 用户脚本加载外部库 CSS

Question

我想将外部库 (jQuery) 加载到我的 .user.js 脚本中，以修改现有网站的 CSS。现在我正在使用 $script 加载外部库，但它不起作用。

另一方面，加载外部 CSS 文件来修改页面也很好，但我不知道该怎么做。如何使用 .user.js 轻松修改 CSS？如何加载外部 JS 库？

This is my userscript at pastebin.com 。

---

更新:

我想编写一个脚本或加载一个 CSS 来自动修改页面外观。

我尝试使用 $script 微库加载 jQuery 库，但它不起作用，因为 Chrome 在 .user.js 中禁用了 AJAX 通信。

Answer 1

如果您不介意采用 Chrome 扩展程序路线，那么您描述的所有问题都可以轻松解决，无需任何额外的编码，只需使用 list 文件即可:

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],
  ...
}

它会自动将 jquery 和 css 以及您的脚本注入(inject)到您指定的域。