Chrome扩展代码与内容脚本和注入脚本

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (36)

我正在尝试让我的Chrome扩展来运行这个功能init()每当一个新的页面被加载,但我有困难,试图理解如何做到这一点。据我所知,我需要在Backplan.html中执行以下操作:

  1. 使用chrome.tabs.onUpdated.addListener()若要检查页何时更改,请执行以下操作
  2. 使用chrome.tabs.executeScript运行脚本。

这是我的代码:

//background.html
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    chrome.tabs.executeScript(null, {code:"init();"});
});

//script.js
function init() {
    alert("It works!");
}

我还想知道init()函数是否可以访问位于其他JS文件中的其他函数?

提问于
用户回答回答于

在你的例子中,背景页中的代码很可能是在内容脚本之前调用的。script.js被评估。所以,你会得到一个ReferenceError因为init不是。

同时,当你使用chrome.tabs.onUpdated,确保测试页面是否已完全加载,因为事件触发两次:加载前和完成时:

//background.html
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete') {
        // Execute some script when the page is fully (DOM) ready
        chrome.tabs.executeScript(null, {code:"init();"});
    }
});

所属标签

可能回答问题的人

  • 学生

    3 粉丝476 提问7 回答
  • uncle_light

    5 粉丝518 提问6 回答
  • 最爱开车啦

    8 粉丝503 提问5 回答
  • 骑牛看晨曦

    4 粉丝522 提问5 回答

扫码关注云+社区

领取腾讯云代金券