页面加载后将消息发送到内容脚本

时间:2018-07-17 19:51:38

标签: javascript google-chrome google-chrome-extension google-chrome-app

我正在尝试遍历background.js中的URL数组。对于每个URL,我希望它浏览当前选项卡,然后向content_script.js发送一条消息,告诉它执行操作。

问题在于它是立即发送而不是在页面加载时发送(实际上它是在甚至更新URL之前发送的)

background.js:

  chrome.tabs.update(null, {
    url: 'https://www.example.com/' + path
  }, function(tab) {
    chrome.tabs.sendMessage(tab.id, {message: 'update_user'});
  });

content_script.js

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.message === 'update_user') {
      console.log('loaded');
    }
  }
);

1 个答案:

答案 0 :(得分:1)

如果异步页面加载是您的问题,则类似的方法可能会有所帮助:

chrome.tabs.update(null, {
        url: url
    }, function (tab) {
        chrome.tabs.onUpdated.addListener(function listener (tabId, info) {
            if (info.status === 'complete' && tabId === tab.id) {
                chrome.tabs.onUpdated.removeListener(listener);
                chrome.tabs.sendMessage(tab.id, {message: 'update_user'});
            }
        });
    });
});

这将为每个错误URL分别向onUpdated添加一个侦听器。每个侦听器仅适用于显式打开的单个选项卡,因此不会出现“事故”。

一旦加载了标签页,监听器就会被删除并发送消息。