Question

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

代码非常简单，您可以将其想象为

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

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

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

Tampermonkey在我的案例中并没有多大帮助。我有另一种方法来为不同的网页生成JavaScript，因此当我加载不同的网页时，我想要运行的脚本会发生变化。

Answer 1

您可以使用以下工具：

TamperMonkey

Tampermonkey是最受欢迎的用户名管理员，拥有超过1000万用户。

RunJS

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

Answer 2

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

Answer 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>

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

3 个答案: