22

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

  • 访问网站查看侧边栏覆盖内容
  • 抽出开发人员工具,找到侧边栏的 div id
  • 编辑在 document.ready 上为此域执行的一段 javascript:

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

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

如果我只有一个大的 javascript 文件,那很好。我只是将我的自定义包装在域检查中。

如果我能用 CoffeeScript 写作,那就太棒了。

4

7 回答 7

18

答案是 Tampermonkey。

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

于 2011-09-22T16:09:34.420 回答
13

为什么不 dotjs http://defunkt.io/dotjs/?它是本地的,您可以使用 git 对其进行版本控制,您可以轻松地将其带到另一台计算机...

于 2011-09-22T21:28:53.753 回答
6

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

网站示例的自定义 JavaScript

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

于 2016-04-25T16:48:08.233 回答
3

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

巫术工具栏菜单

于 2019-12-24T14:52:27.037 回答
3

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

于 2017-10-11T03:21:15.653 回答
2

片段可直接在 Chrome Devtools 中获得

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

在此处输入图像描述

于 2019-04-29T14:33:40.487 回答
1

您正在寻找的是 Greasemonkey。但是等等,Greasemonkey 仅适用于 Firefox,对吧?事实证明,您可以将 Greasemonkey 用户脚本安装为原生 Chrome 插件。只需访问userscripts.org并点击其中一个上的安装按钮,Chrome 就会自动将其转换为原生插件。然后,自己编写并使用 Chrome 安装它。

注意:这仅适用于 Chrome 4.0。

于 2011-08-24T07:01:14.470 回答