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

Question

我想在我的.user.js脚本中加载外部库（jQuery），以修改现有站点的CSS。现在我使用 $script 来加载外部库，但它不起作用。

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

This is my userscript at pastebin.com。

---

更新

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

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

Answer 1

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

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

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

Answer 2

不确定编写问题的方式，但是如果你想要的只是能够将jQuery应用到你碰巧看到的任何页面（那么你可以通过控制台上的jQuery命令更改一些CSS） ），你可以用jQuerify bookmarklet代替用户脚本。

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

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