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

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

javascript html google-chrome

如何在加载网页时自动运行自定义JavaScript代码？,javascript,html,google-chrome,frontend,Javascript,Html,Google Chrome,Frontend,现在我有了一块JavaScript代码来更改网页的显示，比如突出显示一些数据，这样当我阅读网页时，我可以很容易地找到它们代码非常简单，你可以想象它是 document.getElementById(index).classList.add("highlight") 索引用于查找需要更改的内容。我将把高亮显示类附加到找到的内容的类属性中，以便更改显示（仅用于说明目的）现在的问题是，每当我打开网页，我需要复制和粘贴这个代码到Chrome控制台并运行它，这很麻烦。所以我想知道，当我加载网页时，C

现在我有了一块JavaScript代码来更改网页的显示，比如突出显示一些数据，这样当我阅读网页时，我可以很容易地找到它们

代码非常简单，你可以想象它是

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

索引

用于查找需要更改的内容。我将把

高亮显示

类附加到找到的内容的

类

属性中，以便更改显示（仅用于说明目的）

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

Tampermonkey

对我的情况没有什么帮助。我有另一种方法为不同的网页生成JavaScript，因此当我加载不同的网页时，我要运行的脚本将发生变化。

您实际上可以使用bookmarklet，这将简化过程。如果您想完全自动化它，但是您需要创建一个插件

有一些用于此目的的工具，您可以使用：

Tampermonkey是最流行的userscript管理器，拥有1000多万用户

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

是的，有，请尝试以下代码

<script>

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

</script>


window.onload=函数（）{
警惕（“准备就绪”）；
//把你的代码放在这里。。。
}

或者只需在文件的底部编写代码，如下所示

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


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


//这里有JS代码吗

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

解释可以在这里找到

所以你想为你的页面注入javascript？你的“另一种方法”也可以放在Tampermonkey里面吗？我的意思是，你能做到这一点的唯一其他方法是编写你自己的webextension——但如果你不能用TamperMonkeys做到这一点，我就看不到会发生这种情况——基本上是将一个类注入到一个外部网页的DOM中？您需要一个扩展名，也许是您自己的扩展名。@JaromandaX是的，但我希望在加载页面时完成，无需单击某些按钮或运行其他脚本。基本上，我会点击一个超链接直接到页面。我正在考虑操纵超链接，这样当点击超链接时，脚本将运行，到目前为止没有有效的进展