在浏览器的每个页面上运行我的Javascript代码,类似于chrome扩展

在浏览器的每个页面上运行我的Javascript代码,类似于chrome扩展,javascript,google-chrome,dom,google-chrome-extension,code-snippets,Javascript,Google Chrome,Dom,Google Chrome Extension,Code Snippets,我知道使用Chrome,我可以使用代码片段在网页上手动运行一些js代码。但这需要手动执行代码段。有没有什么方法可以让我的浏览器(chrome或firefox)在每次访问新页面时都使用JS代码?您可能正在寻找。这些允许您编写Javascript代码,然后在访问与特定模式匹配的页面时自动执行 例如,以下用户脚本: // ==UserScript== // @name example name // @include /^https://example\.co

我知道使用Chrome,我可以使用代码片段在网页上手动运行一些js代码。但这需要手动执行代码段。有没有什么方法可以让我的浏览器(chrome或firefox)在每次访问新页面时都使用JS代码?

您可能正在寻找。这些允许您编写Javascript代码,然后在访问与特定模式匹配的页面时自动执行

例如,以下用户脚本:

// ==UserScript==
// @name             example name
// @include          /^https://example\.com/
// @grant            none
// ==/UserScript==

console.log('hello world');
每次访问时都会将
hello world
记录到控制台

要运行userscripts,您需要一个userscript管理器。是最流行的选择-它适用于所有现代浏览器

另一个选项是bookmarklet,它允许您将代码存储在浏览器书签中,但它们要求您单击书签链接以执行代码-它不会自动运行。例如,具有以下URL的书签:

javascript: (() => {  console.log('hello world') })();
无论何时单击bookmarklet,都将导致
hello world
记录到控制台。对于任何不是很短的代码,用户脚本可能是更易于维护的选择。

chrome和firefox扩展可以解决您的用例。可以在页面加载之前或之后使用注入任何JS或CSS代码

您可以为javascript文件输入自定义URL,也可以在内置编辑器中编写自定义js代码。您还可以在中创建JS/CSS文件并使用该文件


实际上,最好的办法是创建一个chrome扩展