监控所有当前和未来窗口+选项卡的窗口打开、关闭、DOMContentLoaded 事件

Question

背景：

我被授权“自动化”第三方网站，以便将“服务订单”推送到其中并监控这些请求的进度。

我尝试采用普通的“抓取”方法（使用 Perl 中的 WWW::Mechanize、HTML::Query 等），但遇到了很多问题，无法预测网站中的 JavaScript 会在下面做什么各种情况。如果我从运行 3rd 方站点的产品供应商那里获得支持，或者可以获得一些更好的产品业务规则文档，我打算回到这种方法。

为了避免再次猜测 JavaScript 代码并节省大量时间，我最终采取了一种方法，即在专用 VM 上加载 Firefox 中的 3rd 方站点，然后执行“特权”代码（即：nsI *) 在网站上下文中“驱动”和“抓取”网站。

我目前正在使用 nsIWebProgressListener/DOMContentLoaded（当我已经引用 ChromeWindow 时），以及从 setInterval 调用的 nsIWindowMediator window+tab 枚举来查找新的窗口和标签（当我有由于第 3 方 JavaScript 的作用域，无法预测它们会打开，也无法获得对其 DOMWindow 对象的引用）。

问题： 如何自动将“钩子”安装到由 3rd 方站点的 JavaScript 现在（以及将来）打开的每个窗口/选项卡中？在这种情况下，用于整个 Firefox UI 的“窗口观察者”nsI~ 界面将非常有用。

Answer 1

有很多方法可以做到这一点，所以正确的选择取决于你如何处理其他所有事情。

这里只是倾听的几种方式，而不是轮询。

1. 新的 Chrome 窗口

   function ChromeWindowObserver() {
       this.observe = function(subject, topic, data) {
          // subject is a ChromeWindow
       }
   }
   Components.classes["@mozilla.org/embedcomp/window-watcher;1"]
         .getService(Components.interfaces.nsIWindowWatcher)
         .registerNotification(new ChromeWindowObserver());
   

2. 新标签

   function tabListener(event) {
       var browser = gBrowser.getBrowserForTab(event.target):
   }
   gBrowser.tabContainer.addEventListener("TabOpen", tabListener, false);
   

3. Observer Notifications（我的最爱）

   const dumpObserver = {
       observe: function(subject, topic, data) { dump(topic + "\n"); }
   }
   const domObserver = {
       observe: function(subject, topic, data) { dump(subject.location + "\n"); }
   }
   const ObserverService = Components.classes["@mozilla.org/observer-service;1"]
         .getService(Components.interfaces.nsIObserverService);
   
   /* debug log notifications */
   ObserverService.addObserver(dumpObserver, "*", false);
   /* debug log all new content locations */
   ObserverService.addObserver(domObserver, "content-document-global-created", false);
   

旁注，请查看JavaScript code modules。我认为这可能对您在 chrome 窗口之间共享数据时有所帮助。