Используя loadFrameScript, как вставить файл перед выполнением скрипта страницы?

Question

Я в настоящее время использую это в bootstrap.js файл. Используется для редактирования клиентского кода JavaScript в моем случае, который я использую recentBrowserWindow.messageManager.loadFrameScript(file, true):

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 но я думаю, что это не слушатель событий, а служба наблюдателей.