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

Posted 2023-05-08

【中文标题】Google Chrome 中将 Javascript 插入网站的简单方法是啥？

【英文标题】：What's a simple way in Google Chrome to insert Javascript into sites?Google Chrome 中将 Javascript 插入网站的简单方法是什么？

【发布时间】：2011-11-02 13:08:18

【问题描述】：

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

访问网站查看侧边栏覆盖内容 拿出开发者工具，找到侧边栏的 div id

编辑在 document.ready 上执行的 javascript sn-p 用于此域：

$('#sidebar-right').remove();

对用户脚本的一些搜索告诉我，我需要编写一个 Chrome 扩展程序，这似乎很不幸而且有点矫枉过正。有没有更简单的方法，或者只是一个将 sn-ps 分配给域的 javascript 编辑器的扩展？我真的很希望能够在 Chrome 本身中进行编辑，或者至少有一个我可以一直在 MacVim 中保持打开状态的文件。据我所知，扩展程序需要卸载/安装才能更新。

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

如果我能用 CoffeeScript 写作，那就太感谢了。

【问题讨论】：

我想知道...如果没有扩展，这可能吗？

@bhuga，你能改变接受的答案吗？ dotjs 不再维护，您对 Tampermonkey 的回答应该是被接受的

完成。感谢您的建议。

这可以在没有扩展的情况下完成吗？因为扩展程序有权读取我们访问的所有数据和网站。

【参考方案1】：

答案是 Tampermonkey。

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

【参考方案2】：

为什么不 dotjs http://defunkt.io/dotjs/ ？它是本地的，你可以用 git 版本它，你可以很容易地把它带到另一台电脑上......

【讨论】：

遗憾的是，这只是 OSX。

遗憾的是，此扩展已不再维护。

Dotjs 现在提到 Witchcraft 作为其继任者。

【参考方案3】：

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

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

【讨论】：

很好奇这与tampermonkey相比有什么优势。

【参考方案4】：

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

【参考方案5】：

Witchcraft 是另一个用于加载自定义 Javascript 和 CSS 的 Google Chrome 扩展程序，据说它适用于更高级的用户。较旧的dotjs 项目存储库将 Witchcraft 列为其继任者。

【参考方案6】：

片段可直接在 Chrome Devtools 中获得

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

【参考方案7】：

您正在寻找的是 Greasemonkey。但是等等，Greasemonkey 仅适用于 Firefox，对吧？原来，you can install Greasemonkey user-scripts as native Chrome add-ons。只需转到userscripts.org 并点击其中一个上的安装按钮，Chrome 就会自动将其转换为原生插件。然后，自己编写并使用 Chrome 安装它。

注意：这仅适用于 Chrome 4.0。

【讨论】：

Firefox 非常适合拥有 Greasemonkey，但 Chrome 原生支持这些用户脚本非常酷。将它们作为附加组件进行管理比在单独的 Greasemonkey 界面中管理要容易得多。

不幸的是，这不是我想要的。没有简单的方法可以快速编辑它们，或者从头开始创建一个新的。我对社区用户脚本并不感兴趣——这是关于个人定制的。

您可以非常快速地制作它们（请参阅this one），并制作一个简单的 html 文件来托管它们，然后在本地打开它们。这有什么难的？