加载网页时如何自动运行自定义 JavaScript 代码？答案

【问题标题】：How to automatically run custom JavaScript code when loading a webpage?加载网页时如何自动运行自定义 JavaScript 代码？
【发布时间】：2018-02-23 05:38:32
【问题描述】：

现在我有一段 JavaScript 代码来更改网页的显示，比如突出显示一些数据，以便在阅读网页时可以轻松找到它们。

代码超级简单，你可以想象成这样

document.getElementById(index).classList.add("highlight")

index 用于查找需要更改的内容。我会将highlight 类附加到找到的内容的class 属性中，以便更改显示（仅用于说明目的）

现在的问题是，每当我打开网页时，我都需要将这段代码复制并粘贴到 Chrome 中的控制台并运行它，这很麻烦。所以我想知道 Chrome 是否有可能在我加载网页时自动运行这个脚本。例如，我有一个指向网页的超链接，当我单击超链接时，脚本将运行并更改网页的显示。

Tampermonkey 在我的情况下并没有真正的帮助。我有另一种方法可以为不同的网页生成 JavaScript，因此当我加载不同的网页时，我要运行的脚本会发生变化。

【问题讨论】：

所以你想要为你注入 javascript 到页面中的东西？
你的“另一种方法”也可以放在 Tampermonkey 中吗？
我的意思是，你能做到这一点的唯一方法是编写你自己的网络扩展 - 但如果你不能用 tampermonkey 做到这一点，我看不到这种情况发生
那么基本上是给国外网页的DOM注入一个类？你需要一个扩展，也许是你自己的扩展。
@JaromandaX 是的，但是我希望在加载页面时完成它，而无需其他努力，例如单击某些按钮或运行另一个脚本。基本上，我将单击一个超链接以指向该页面。我正在考虑操作超链接，以便在单击超链接时运行脚本，到目前为止没有有效的进展

标签： javascript html google-chrome frontend

【解决方案1】：

您可以使用一些工具来实现此目的：

TamperMonkey

Tampermonkey 是最受欢迎的用户脚本管理器，拥有超过 1000 万用户。

RunJS

RunJS 是一个开发者工具，它允许用户通过在所有页面加载时运行指定的 JS 来调试页面。

【讨论】：

【解决方案2】：

您实际上可以使用一个可以简化流程的小书签。 https://gist.github.com/caseywatts/c0cec1f89ccdb8b469b1。如果你想完全自动化，但你需要创建一个插件

【讨论】：

【解决方案3】：

是的，试试下面的代码。

<script>

    window.onload = function(){
        alert("ready");
        // place your code here ...
    }

</script>

或者只是在文件底部写你的代码，像这样

<html>
    <head></head>
    <body>
        <!-- any html tags here -->


        <script>
            // any JS code here
        </script>
    </body>
</html>

【讨论】：

【解决方案4】：

似乎出于安全原因，这个功能如果没有扩展的帮助是不可能实现的。

解释可以在这个question.找到

【讨论】：