Question

我需要为检查工作开发一个简单的Chrome扩展程序 Chrome的JS控制台具有一定的价值。

进一步说明：

基本上，需要这个，我需要知道某个JS事件何时完成。我在我的代码中放置了一个console.log（“complete！”），以便在完成后通知我。

我面临的问题，我似乎无法找到一种方法让Chrome扩展程序从JS控制台读取输出。

Answer 1

据我所知，你无法从JS读取控制台输出，甚至不能在常规网页上读取。您必须劫持console方法并保存传递给它们的内容，然后搜索已保存的数据。

从您的目标看，您似乎只想触发一个新事件。您可以通过创建Event / CustomEvent，为其设置侦听器，以及在需要触发事件时触发事件来执行此操作。

document.addEventListener("eventdone",function(e){
   console.log("The events done, now do work here");
});
//then whereever you had console.log("complete!")
var event = new CustomEvent('eventdone', { 'detail': 'Extra data' });
document.dispatchEvent(event);

<强>演示

document.addEventListener("eventdone",function(e){
  document.body.innerHTML = "Event done";
});

document.querySelector("button").addEventListener("click",function(e){
  setTimeout(function(){
    var event = new CustomEvent('eventdone', { 'detail': 'Extra data' });
    document.dispatchEvent(event);
  },2000);
});

<button>Click me</button>

从Chrome扩展程序中读取标签的控制台输出

1 个答案: