使用 loadFrameScript，如何在页面脚本执行之前注入文件？答案

【问题标题】：Using loadFrameScript, how can inject file before the page's script execution?使用 loadFrameScript，如何在页面脚本执行之前注入文件？
【发布时间】：2015-06-29 18:00:38
【问题描述】：

我目前在bootstrap.js 文件中使用它。在我使用recentBrowserWindow.messageManager.loadFrameScript(file, true)的情况下，用于编辑客户端的JavaScript代码：

const {classes: Cc, interfaces: Ci, utils: Cu, results: Cr} = Components;
Cu.import('resource://gre/modules/Services.jsm');

var file = 'chrome://testAddon/content/inject.js';

function startup(aData, aReason) {
    var recentBrowserWindow = Services.wm.getMostRecentWindow('navigator:browser');
    if(recentBrowserWindow.document.readyState == 'complete') {
        recentBrowserWindow.messageManager.loadFrameScript(file, true);
    }
}

inject.js：

var window = content;
var pageJS = window.wrappedJSObject;
console.log("jQuery is defined:", "jQuery" in window);
//true, jQuery is already assigned on client page.

但是这里的脚本inject.js 在客户端页面之后运行。问题是：

如何在页面脚本执行之前注入inject.js？我应该使用什么方法？

【问题讨论】：

标签： javascript firefox firefox-addon firefox-addon-sdk firefox-addon-bootstrap

【解决方案1】：

发件人：https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFrameScriptLoader

它说使用document-element-inserted，这将确保您的脚本在页面脚本运行之前运行。

我对框架脚本没有太多经验，其他人必须对此进行验证。

【讨论】：

我认为这行得通，我对框架脚本的经验也不是很丰富，但看起来不错。

【解决方案2】：

这是一个非常好的简单 loadFrameScript 示例：https://github.com/mdn/e10s-example-addons/tree/master/run-script-in-all-pages/ported-message-manager/src/chrome/content

看这里他是怎么做 DOMContentLoaded 的：https://github.com/mdn/e10s-example-addons/blob/master/run-script-in-all-pages/ported-message-manager/src/chrome/content/frame-script.js

将其更改为document-element-inserted，但我认为这不是事件侦听器而是观察者服务。

【讨论】：