Question

我目前在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？我应该使用什么方法？

Answer 1

来自：https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFrameScriptLoader

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

我对框架脚本没有多少经验，其他人则必须在此验证我。

Answer 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，但我认为这不是事件监听器，而是观察者服务。

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

2 个答案: