blocks|key|3368696|text|答案是使用Tampermonkey扩展名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3368697|https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo|offset|length|3368698|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|22|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

The answer is to use the Tampermonkey chrome extension.
<a href="https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo" rel="nofollow noreferrer">https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo</a>

blocks|key|3011845|text|为什么不使用dotjs+http://defunkt.io/dotjs/？它是本地的，你可以用git修改它，你可以很容易地把它带到另一台电脑.|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3011846|entityMap|0|LINK|mutability|MUTABLE|url|http://defunkt.io/dotjs/^0|C|O|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Why not dotjs <a href="http://defunkt.io/dotjs/">http://defunkt.io/dotjs/</a> ? It's local, you can version it with git, you can easily take it to another computer...

blocks|key|1815056|text|另一种巧妙地解决问题的方法是网站自定义JavaScript。您只需安装扩展名，这大约需要2秒，然后您可以立即开始键入您的定制JavaScript为指定的网站。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1815057|​|1815058|📷|atomic|1815059|1815060|扩展自动识别当前的网站，所以您所需要做的就是编写代码并单击Save。为了方便起见，您还可以轻松地导入jQuery或外部脚本。|style|CODE|1815061|entityMap|0|LINK|mutability|MUTABLE|url|https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija?hl=en|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/6cdae7170aa4003c6a848d86501aa3ec.png|imageAlt^0|E|F|0|0|0|0|1|1|0|0|T|4|1E|6|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|I|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1B|8|@$A|1C|B|1D|L|M]|$A|1E|B|1F|L|M]]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|W|R|X|C|$Y|Z|10|-4]]]]

Another alternative that neatly solves the problem is <a href="https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija?hl=en" rel="noreferrer" title="Custom JavaScript for websites">Custom JavaScript for websites</a>. You just need to install the extension, which takes around 2 seconds, and then you can immediately start typing your custom JavaScript for the specified website.

<a href="https://i.stack.imgur.com/erygy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/erygy.png" alt="Custom JavaScript for websites example"></a>

The extension automatically recognizes the current website, so all you need to do is write your code and click on <code>Save</code>. You can also easily import <code>jQuery</code> or your external scripts for convenience.

blocks|key|3011962|text|网站自定义JavaScript+2是网站自定义JavaScript的另一种选择，它提供了一些bug修复和跨设备同步脚本功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3011963|entityMap|0|LINK|mutability|MUTABLE|url|https://chrome.google.com/webstore/detail/custom-javascript-for-web/ddbjnfjiigjmcpcpkmhogomapikjbjdk^0|0|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://chrome.google.com/webstore/detail/custom-javascript-for-web/ddbjnfjiigjmcpcpkmhogomapikjbjdk" rel="nofollow noreferrer">Custom JavaScript for Websites 2</a> is an alternative to Custom JavaScript for Websites, with some bug fixes and sync scripts across devices feature.

blocks|key|3012187|text|代码片段可直接在Chrome+Devtools中获得|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3012188|https://developers.google.com/web/tools/chrome-devtools/javascript/snippets|offset|length|3012189|​|3012190|📷|atomic|3012191|3012192|entityMap|0|LINK|mutability|MUTABLE|url|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/1bc3f8429ac6971772f03e3741774028.png|imageAlt^0|0|0|23|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|K|3|G|5|6|7|18|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|C]]|S|$5|T|P|U|A|$V|W|X|-4]]]]

Snippets are available directly in Chrome Devtools

<a href="https://developers.google.com/web/tools/chrome-devtools/javascript/snippets" rel="nofollow noreferrer">https://developers.google.com/web/tools/chrome-devtools/javascript/snippets</a>

<a href="https://i.stack.imgur.com/DlQsU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DlQsU.png" alt="enter image description here"></a>

blocks|key|3012345|text|巫术是Google的另一个扩展，用于加载自定义Javascript和CSS，而且它应该是为更多的雅芳用户提供的。旧的渡假项目存储库将巫术列为其后继。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3012346|​|3012347|📷|atomic|3012348|3012349|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/luciopaiva/witchcraft|1|2|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/cc7ea7afa95f0cb30cd5d8fd89650841.jpg|imageAlt^0|0|2|0|1M|2|1|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]|$A|12|B|13|1|14]]|C|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|I|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|Q]]|S|$5|T|N|U|C|$V|W|X|-4]]]]

<a href="https://github.com/luciopaiva/witchcraft" rel="nofollow noreferrer">Witchcraft</a> is another Google Chrome extension for loading custom Javascript and CSS, and it is supposedly for more avanced users. The older <a href="https://github.com/luciopaiva/witchcraft" rel="nofollow noreferrer">dotjs</a> project repository lists Witchcraft as its successor. 

<a href="https://i.stack.imgur.com/xwZBBm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xwZBBm.png" alt="Witchcraft toolbar menu"></a>

blocks|key|3368689|text|你要找的是格里斯蒙基。但是等等，Greasemonkey只适用于Firefox，对吗？原来，您可以将Greasemonkey用户脚本作为本地Chrome附加程序安装。。只要转到userscripts.org，点击其中一个上的安装按钮，Chrome就会自动将其转换为一个本机插件。然后，自己编写并使用Chrome安装它。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3368690|注意:这只适用于Chrome4.0。|3368691|entityMap|0|LINK|mutability|MUTABLE|url|http://mashable.com/2010/02/01/google-chrome-greasemonkey-2/|1|http://www.userscripts.org/^0|1A|11|0|2G|F|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

What you're looking for is Greasemonkey. But wait, Greasemonkey is for Firefox only, right? Turns out, <a href="http://mashable.com/2010/02/01/google-chrome-greasemonkey-2/" rel="nofollow">you can install Greasemonkey user-scripts as native Chrome add-ons</a>. Just go to <a href="http://www.userscripts.org/" rel="nofollow">userscripts.org</a> and hit the Install button on one of them, and Chrome will automatically convert it into a native add-on. Then, write your own and install it using Chrome.

Note: This only works in Chrome 4.0.

I would like to be able to add custom snippets of javascript to any site that matches a regex. This is mostly because of sites that I use daily because of specialized content, but which have a poor design. I want to be able to do something like:

<ul>
<li>Visit site See that sidebar overwrites content</li>
<li>Whip out developer tools, find div id for sidebar</li>
<li>Edit a snippet of javascript which is executed on document.ready for this domain:

<pre><code>$('#sidebar-right').remove();
</code></pre></li>
</ul>

A bit of searching for user scripts tells me that I need to be writing a Chrome extension, which seems unfortunate and overkill. Is there not an easier way, or an extension which is nothing but a javascript editor that assigns snippets to domains? I'd really like to be able to edit in Chrome itself, or at least have a file that I can just leave open in MacVim all the time. An extension requires unloading/installing to update as far as I can tell.

If I just had one big javascript file, that would be fine. I'd just wrap my customizations in domain checks.

Bonus love if I can write in CoffeeScript.

What's a simple way in Google Chrome to insert Javascript into sites?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我希望能够将javascript的自定义片段添加到任何匹配regex的站点。这主要是因为我每天使用的网站，因为专门的内容，但有一个糟糕的设计。我想要做这样的事情：访问站点，查看侧栏覆盖内容。提取开发人员工具，查找侧栏的div id。编辑在document.ready上为此域执行的javascript片段：$(‘#侧栏-右’).remove()；对用户脚本的搜索告诉我，我需要编写一个Chrome扩展

问在Google中，将Javascript插入到站点中的简单方法是什么？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Google中，将Javascript插入到站点中的简单方法是什么？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Google中，将Javascript插入到站点中的简单方法是什么？
EN