读取Chrome扩展程序中选项卡的控制台输出

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>