用 Greasemonkey 脚本在 Chrome 中向页面注入 JavaScript 函数-JavaScript中文网-JavaScript教程资源分享门户

Greasemonkey 是一种用户脚本管理器，可以在网页加载时动态地修改其内容。通过使用 Greasemonkey 脚本，您可以向页面注入自己编写的 JavaScript 函数，从而实现更加个性化和定制化的浏览体验。

准备工作

在开始之前，您需要完成以下准备工作：

安装最新版的 Chrome 浏览器。
安装最新版的 Greasemonkey 扩展程序。

创建一个新的 Greasemonkey 脚本

首先，我们需要创建一个新的 Greasemonkey 脚本。在 Chrome 中打开菜单，选择“扩展程序”，然后点击“Greasemonkey”扩展程序的图标。接着，点击“新建脚本”，输入脚本名称并保存。

向页面注入 JavaScript 函数

在脚本文件中，我们可以使用 unsafeWindow 变量来访问页面上的 JavaScript 对象和函数。例如，下面的代码将在页面加载时向 window 对象中注入一个名为 myFunction 的函数：

-- -------------------- ---- -------
-- --------------
-- -----         -- ------------ ------
-- ----------    ----------------------
-- --------      -
-- ------------  --------- -- --------- ---- --- ---- ---- - ------------ ------ -- ------
-- ------        ----------
-- ------        -----------
-- ------        ------------
-- ---------------

----------- -
    ---- --------

    -------- ------------ -
        -- ---- ---- -------
    -

    ----------------------- - -----------
-----

在上面的代码中，我们使用了 @grant 标记来声明对 unsafeWindow 的访问权限。这样，我们就可以将自己编写的函数注入到页面中。

在页面中调用注入的函数

一旦我们成功地向页面注入了 JavaScript 函数，我们就可以在页面的任何地方调用它。例如，在页面的控制台中输入以下代码：

myFunction();

这将调用我们刚才注入的 myFunction 函数并执行其中包含的代码。

总结

通过使用 Greasemonkey 脚本，我们可以向页面注入自己编写的 JavaScript 函数，从而实现更加个性化和定制化的浏览体验。在创建脚本时，请务必谨慎考虑您要注入的代码，以确保其安全性和稳定性。

示例代码参考：https://github.com/openstyles/stylus/wiki/Injecting-JS-functions-into-the-page-from-a-Greasemonkey-script-on-Chrome

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/26539