Javascript 离线Chrome扩展

我正在使用Vanilla Javascript在阴影DOM中构建一个带有用户界面的chrome扩展

我已经禁用了正常的弹出窗口，并在用户单击时插入用户界面 Chrome扩展图标

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

我真的很难理解谷歌关于webRequest的文档——如果他们能提供一些例子，那就太好了

我看过这个问题：

本文件：

在这里： - 但似乎被卡住了！ 我在控制台中遇到此错误：TypeError:无法读取未定义的属性“OnErrorOccursed”

从内容脚本中放置的此非工作代码：

---

我觉得我把事情复杂化了我觉得我找到了一个更好的解决方案

window.addEventListener“脱机”，事件 和 window.addEventListener“联机”，事件

---

从内容脚本。似乎是解决这个问题的“简单”和正确的方法

内容脚本不能使用大多数ChromeAPI。你需要一个背景脚本。谢谢你！不确定这是否是问题所在-我也有一个背景脚本-只是尝试了背景脚本中的代码-并且得到了以下错误：错误处理响应：TypeError:无法读取未定义的属性“message”-我只是写错了URL吗？我无法帮助，除非看到新的代码。感谢您尝试帮助wOxxOm-这非常重要谢谢！！！我想我找到了一个不同的工作解决方案-见我的答案。。。

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";
}