运行 我的 Javascript 代码在我浏览器的每个页面上,类似于 chrome 扩展程序
Run my Javascript code on every page on my browser, similar to how a chrome extension would
我知道 Chrome 我可以使用片段手动 运行 网页上的一些 js 代码。但这需要手动执行代码片段。有什么方法可以让我的浏览器(chrome 或 firefox)每次访问新页面时都会有一些 JS 代码?
您可能正在寻找 userscripts。这些允许您编写 Javascript 代码,当您访问匹配特定模式的页面时,这些代码将自动执行。
例如,以下用户脚本:
// ==UserScript==
// @name example name
// @include /^https://example\.com/
// @grant none
// ==/UserScript==
console.log('hello world');
将导致在您每次访问 https://example.com/ 时将 hello world
记录到控制台。
要运行 用户脚本,您需要一个用户脚本管理器。 Tampermonkey 是最受欢迎的选择 - 它适用于所有现代浏览器。
另一个选项是小书签,它允许您将代码存储在浏览器书签中,但它们需要您单击书签 link 才能执行代码 - 它不会 运行 自动。例如,带有以下 URL 的书签:
javascript: (() => { console.log('hello world') })();
将导致 hello world
每当单击小书签时都会记录到控制台。对于任何非常短的代码,用户脚本可能是更易于维护的选择。
Requestly chrome and firefox extension can solve your use case. You can use the Insert Script feature 在页面加载之前或之后注入任何 JS 或 CSS 代码。
您可以为 javascript 文件输入自定义 URL 或在内置编辑器中编写自定义 js 代码。您也可以在 Requestly library 中创建一个 JS/CSS 文件并使用该文件。
实际上最好的办法是创建一个 chrome 扩展程序
我知道 Chrome 我可以使用片段手动 运行 网页上的一些 js 代码。但这需要手动执行代码片段。有什么方法可以让我的浏览器(chrome 或 firefox)每次访问新页面时都会有一些 JS 代码?
您可能正在寻找 userscripts。这些允许您编写 Javascript 代码,当您访问匹配特定模式的页面时,这些代码将自动执行。
例如,以下用户脚本:
// ==UserScript==
// @name example name
// @include /^https://example\.com/
// @grant none
// ==/UserScript==
console.log('hello world');
将导致在您每次访问 https://example.com/ 时将 hello world
记录到控制台。
要运行 用户脚本,您需要一个用户脚本管理器。 Tampermonkey 是最受欢迎的选择 - 它适用于所有现代浏览器。
另一个选项是小书签,它允许您将代码存储在浏览器书签中,但它们需要您单击书签 link 才能执行代码 - 它不会 运行 自动。例如,带有以下 URL 的书签:
javascript: (() => { console.log('hello world') })();
将导致 hello world
每当单击小书签时都会记录到控制台。对于任何非常短的代码,用户脚本可能是更易于维护的选择。
Requestly chrome and firefox extension can solve your use case. You can use the Insert Script feature 在页面加载之前或之后注入任何 JS 或 CSS 代码。
您可以为 javascript 文件输入自定义 URL 或在内置编辑器中编写自定义 js 代码。您也可以在 Requestly library 中创建一个 JS/CSS 文件并使用该文件。
实际上最好的办法是创建一个 chrome 扩展程序