我将注入的内容脚本中的消息发送回Chrome扩展程序中的后台脚本,如下所示:
chrome.runtime.sendMessage({action: "myResult"});
在我重新加载扩展程序之前,此方法可以正常工作(通过对我的扩展程序转到“设置”->“扩展程序”->“重新加载(Ctrl + R)”)。
反过来,当我的后台脚本启动时,它反复要求chrome.tabs.executeScript
所有打开的选项卡以编程方式重新注入我的内容脚本(如我在此问题中所示)。
但是这样做之后,如果我sendMessage
从内容脚本中调用第一行,则会抛出此异常:
错误:连接到扩展名my_extension_id时出错
知道为什么会这样吗?
重新加载扩展运行时时,在以下任何情况下都会发生
chrome.runtime.reload()
。chrome://extensions/
。然后内容脚本中最扩展的API方法将停止工作(包括chrome.runtime.sendMessage
导致问题中的错误的方法)。有两种方法可以解决此问题。
如果您的扩展程序可以在没有背景页面的情况下正常运行,那么这可能是可以接受的解决方案。例如,如果您的内容脚本除了修改DOM和/或执行跨域请求之外没有执行其他操作。
我在其中一个扩展程序中使用以下代码段,以在从内容脚本调用任何Chrome扩展程序API之前检测运行时是否仍然有效。
// It turns out that getManifest() returns undefined when the runtime has been
// reload through chrome.runtime.reload() or after an update.
function isValidChromeRuntime() {
// It turns out that chrome.runtime.getManifest() returns undefined when the
// runtime has been reloaded.
// Note: If this detection method ever fails, try to send a message using
// chrome.runtime.sendMessage. It will throw an error upon failure.
return chrome.runtime && !!chrome.runtime.getManifest();
}
// E.g.
if (isValidChromeRuntime()) {
chrome.runtime.sendMessage( ... );
} else {
// Fall back to contentscript-only behavior
}
当与后台页面的连接对于内容脚本很重要时,则必须实现适当的卸载例程,并设置一些事件以在通过插入内容脚本时卸载先前的内容脚本chrome.tabs.executeScript
。
// Content script
function main() {
// Set up content script
}
function destructor() {
// Destruction is needed only once
document.removeEventListener(destructionEvent, destructor);
// Tear down content script: Unbind events, clear timers, restore DOM, etc.
}
var destructionEvent = 'destructmyextension_' + chrome.runtime.id;
// Unload previous content script if needed
document.dispatchEvent(new CustomEvent(destructionEvent));
document.addEventListener(destructionEvent, destructor);
main();
请注意,任何知道事件名称的页面都可能触发内容脚本的破坏。这是不可避免的,因为在扩展程序运行时被销毁之后,没有适当的方法可以与扩展程序安全地通信了。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句