我正在使用Shadow DOM中的用户界面构建chrome扩展（使用vanilla Javascript）。

我已禁用“正常”弹出窗口，并在用户单击时注入用户界面 Chrome扩展程序图标。

但是，我希望在Chrome脱机时禁用用户界面，并在网络连接恢复在线时重新启用用户界面。我只是在UI后面做了一个“脱机消息”-并计划只是“隐藏”放置在变量“ Canvas”中的UI ...

我真的很难理解Google的有关webRequest的文档-如果他们能够提供一些示例，那就太好了！

我看了这个问题： How to detect network state changes in a Chrome extension

此文档： https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/webRequest/onErrorOccurred

• 在这里： -https://developer.chrome.com/extensions/webRequest

但是似乎被卡住了！ 我在控制台中收到此错误：“ TypeError：无法读取未定义的属性'onErrorOccurred'”

• 来自此（无效）代码（位于内容脚本中）：

let target = "https://www.google.com/searchdomaincheck?format=domain&type=chrome"
console.log(target);

console.log({url:`${target}`})

//chrome.webNavigation.onErrorOccurred.addListener(
chrome.webRequest.onErrorOccurred.addListener(
 showOffline(),{url:`${target}`} 
);

webRequest.onCompleted.addListener(
RemoveshowOffline(),{url:`${target}`}  
);

function showOffline() {
  Canvas.style.display = "none";
}

function RemoveshowOffline() {
  Canvas.style.display = "inline-grid";
}