使用 Chrome 用户脚本加载外部库 CSS答案

【问题标题】：Load an external library CSS using a Chrome userscript使用 Chrome 用户脚本加载外部库 CSS
【发布时间】：2011-05-20 15:26:39
【问题描述】：

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

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

This is my userscript at pastebin.com。

更新：

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

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

【问题讨论】：

你说的是greasemonkey还是chrome扩展？
这是一个chrome版本的greasemonkey用户脚本

标签： javascript google-chrome google-chrome-extension userscripts

【解决方案1】：

如果您不介意采用 Chrome 扩展路线，那么您描述的所有问题都可以很容易地解决，无需任何额外的编码，只需使用清单文件：

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

它会自动将 jquery 和 css 与您的脚本一起注入您指定的域。

【讨论】：

【解决方案2】：

不确定问题的编写方式，但是如果您唯一想要的是将 jQuery 应用于您碰巧正在查看的任何页面的能力（这样您就可以通过控制台上的 jQuery 命令更改一些 CSS )，您可以使用 jQuerify 小书签而不是用户脚本来做到这一点。

http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet

当然你也可以直接从控制台修改CSS，不需要JS。

【讨论】：