Chrome 插件页面加载完成事件后注入js

最新推荐文章于 2024-06-18 19:35:50 发布

云先生_pro

最新推荐文章于 2024-06-18 19:35:50 发布

阅读量4.7k

点赞数 2

文章标签： javascript chrome 前端

本文链接：https://blog.csdn.net/qq_18882253/article/details/129578409

版权

Chrome 插件页面加载完成事件后注入js

要在Chrome插件加载完成事件后注入JavaScript，可以使用Chrome API中的chrome.tabs.executeScript()函数。该函数接受一个参数对象，包含code或file属性，指定要注入的JavaScript代码。为了在页面中创建一个按钮并更改其内容，可以使用JavaScript的DOM操作方法。

以下是示例代码：

// 在页面加载完成后注入JavaScript
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete') {
    chrome.tabs.executeScript(tabId, {code: `
      // 在页面中创建按钮
      const button = document.createElement('button');
      button.innerHTML = '点击我修改页面内容';

      // 当按钮被点击时，修改页面内容
      button.addEventListener('click', function() {
        // 在这里添加修改页面内容的代码
      });

      // 将按钮添加到页面中
      document.body.appendChild(button);
    `});
  }
});