使用loadFrameScript，如何在页面前插入文件's脚本执行

Using loadFrameScript, how can inject file before the page's script execution?

本文关键字：文件 执行 脚本 插入 loadFrameScript 使用      更新时间：2023-09-26

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

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

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

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

这是一个非常好的简单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，但我认为这不是一个事件侦听器，而是一个观察者服务。

相关文章：