在浏览器的每个页面上运行我的Javascript代码，类似于chrome扩展程序的方式

Question

我知道使用Chrome浏览器，我可以使用摘要在网页上手动运行一些js代码。但这需要手动执行代码段。有什么办法可以让我的浏览器（chrome或firefox）每次访问新页面时都具有一些JS代码？

Answer 1

您可能正在寻找userscripts。这些允许您编写Javascript代码，每当您访问与特定模式匹配的页面时，该代码便会自动执行。

例如，以下用户脚本：

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

console.log('hello world');

每次访问hello world都会导致https://example.com/被记录到控制台。

要运行用户脚本，您需要一个用户脚本管理器。 Tampermonkey是最受欢迎的选择-适用于所有现代浏览器。

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

javascript: (() => {  console.log('hello world') })();

将在单击小书签时将hello world登录到控制台。对于任何简短的代码，用户脚本可能是更易于维护的选择。

Answer 2

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

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

Answer 3

实际上最好的做法是创建一个chrome扩展名