删除 chrome 扩展中的注入脚本

Question

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(
      null, {file : "app.js"});                                                                                                                                                                         
});

我在点击时将这样的代码注入到扩展程序中。但是当用户第二次单击扩展图标时，我想删除这个注入的代码。这怎么可能。代码注入一个 id 为“pluginHolder”的 html div。我可以使用基本的 js 代码 document.getElementById('pluginHolder').remove(); 手动删除它。

如何动态地执行这个过程？

提前致谢

Answer 1

我认为最简单的解决方案类似于

if(document.getElementById('pluginHolder')) {
    document.getElementById('pluginHolder').remove()
} else {
   var pluginHolder = document.createElement('div');
   document.body.appendChild(pluginHolder);
}

如果你想影响 js 代码而不是 DOM。 你可以和eventListener一起玩，

 function logMouse() {
      console.log(e.x+':'+e.y);
}
// Initialize on first run to true else use old value NOT(!) ( last time injected script)

isEnable = isEnable ? !isEnable : !!isEnable;
if(isEnable) {
    window.addEventListener('mousemove', logMouse);
} else {
    window.removeEventListener('mousemove', logMouse);
}