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

Witchcraft是另一个Google Chrome浏览器扩展程序，用于加载自定义Javascript和CSS，据称它适用于更多高级用户。较旧的dotjs项目存储库将Witchcraft列为后续版本。

Answer 6

Custom JavaScript for Websites 2是网站自定义JavaScript的替代方案，其中包含一些错误修复和跨设备的同步脚本功能。

Answer 7

摘录可直接在Chrome Devtools中使用

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