Google Chrome中将Javascript插入网站的简单方法是什么？

Question

我希望能够将自定义的javascript片段添加到任何匹配正则表达式的网站。这主要是因为我每天使用的网站因为专门的内容，但设计很差。我希望能够做到这样的事情：

• 访问网站请参阅侧边栏覆盖内容
• 剔除开发人员工具，找到侧边栏的div id
• 编辑在此域的document.ready上执行的javascript片段： $('#sidebar-right').remove();

一些搜索用户脚本告诉我，我需要编写一个Chrome扩展程序，这看起来很不幸和过度。有没有一种更简单的方法，或者只是一个javascript编辑器将扩展片段分配给域名的扩展名？我真的希望能够在Chrome中进行编辑，或者至少有一个我可以随时在MacVim中打开的文件。据我所知，扩展需要卸载/安装才能更新。

如果我只有一个大的javascript文件，那就没问题了。我只是将自定义包装在域检查中。

如果我可以用CoffeeScript写作，那就是爱。

Answer 1

答案是Tampermonkey。

https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo

Answer 2

为什么不dotjs http://defunkt.io/dotjs/？它是本地的，您可以使用git进行版本化，您可以轻松地将它带到另一台计算机上......

Answer 3

另一种巧妙地解决问题的方法是Custom JavaScript for websites。您只需安装扩展程序大约需要2秒钟，然后您就可以立即开始为指定的网站键入自定义JavaScript。

扩展程序会自动识别当前网站，因此您只需编写代码并单击Save即可。您还可以轻松导入jQuery或外部脚本以方便使用。

Answer 4

你要找的是Greasemonkey。但等等，Greasemonkey仅适用于Firefox，对吗？事实证明，you can install Greasemonkey user-scripts as native Chrome add-ons。只需转到userscripts.org并点击其中一个的“安装”按钮，Chrome就会自动将其转换为原生插件。然后，编写自己的并使用Chrome安装它。

注意：这仅适用于Chrome 4.0。

Answer 5

Custom JavaScript for Websites 2是网站自定义JavaScript的替代品，具有一些错误修复和跨设备功能的同步脚本。

Answer 6

Chrome Devtools可直接提供代码段

https://developers.google.com/web/tools/chrome-devtools/javascript/snippets