gpt4 book ai didi

javascript - 用 mozilla addon SDK 替换完整的 HTML

转载 作者:行者123 更新时间:2023-11-28 07:15:01 26 4
gpt4 key购买 nike

有没有办法替换完整的 HTML,并使用 mozilla addon SDK 添加额外的 javascript 文件?

对于 chrome,可以通过在“document_start”处运行脚本、停止窗口并用 XHR 响应替换完整的 HTML 来完成。我不明白为什么这么复杂,但我可以忍受。据我了解,addon SDK 有一个 page-mod 模块,该模块是关于“在 URL 与给定模式匹配的网页上下文中运行脚本”。所以理论上这应该通过 page-mod 模块来完成,但我没有找到任何完全覆盖整个 HTML 的示例。理论上,window.stop 和替换完整的 HTML 也应该在这里工作,但我无法从网页(前端)的上下文访问插件(后端)文件。对于 chrome,这是通过 list 中的“web_accessible_resources”和 chrome.extension.getURL 完成的。通过 firefox,我无法通过前端使用与插件 SDK 相关的任何内容,因此 self.data.url 不起作用...

最佳答案

我尝试以这种方式发送文件内容(因为前端的 Firefox 拒绝了插件文件访问):

index.js

var pageMod = require("sdk/page-mod");
var data = require("sdk/self").data;

pageMod.PageMod({
include: ["http://example.com/", "http://example.com/index.html"],
contentScriptFile: "./inject.js",
contentScriptWhen: "start",
onAttach: function (worker){
console.log("injector attached");
worker.port.emit("inject", {
"index.html": data.load("client/index.html"),
"main.js": data.load("client/main.js")
});
}
});

注入(inject).js

!function () {
self.port.on("inject", function (files) {
console.log("injector trigger");
if (typeof hasRun == 'undefined') {
console.log("injecting");
hasRun = true;
window.stop();
var html = files["index.html"].replace("<script src=\"./main.js\"></script>", "<script>"+files["main.js"]+"</script>");
document.documentElement.innerHTML = html;
}
});
}();

如果我用 hello world 替换 HTML,那么它就可以工作。因此 HTML 似乎无效,但我没有收到错误消息,并且控制台显示一个空的 HTML 骨架(我得到一个空页面)。相同的index.html和main.js代码通过chrome插件工作,我想在firefox中使用它。 Chrome 插件唯一额外的事情是,某些 js 文件被取消,因此在停止窗口之前它们肯定不会加载。我尝试做同样的事情,但也许没有成功,我不知道。

index.js

let { Ci, Cu } = require('chrome');

Cu.import("resource://gre/modules/Services.jsm");
Cu.import("resource://gre/modules/XPCOMUtils.jsm");

var observer = {
QueryInterface: XPCOMUtils.generateQI([
Ci.nsIObserver,
Ci.nsISupportsWeakReference
]),

observe: function (subject, topic, data) {
if (topic == "http-on-opening-request" &&
subject instanceof Ci.nsIHttpChannel) {
var uri = subject.URI;
if (uri.host == "example.com" && /some\.js/.test(uri.path))
subject.cancel();
}
}
};

Services.obs.addObserver(observer, "http-on-opening-request", true);

subject.cancel() 由 some.js 文件运行。如果我添加日志记录:

            console.log("cancelling", uri.path);
subject.cancel();
console.log("cancelled");

然后控制台中不会出现“已取消”,只会出现“正在取消,/some.js”。我不知道这是否正常,但我没有收到错误消息。

通过常规 HTML 网页尝试此操作

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
//<![CDATA[
!function (){
window.stop();
var html = '<!DOCTYPE html>\n<html>\n<head>\n <meta charset="utf-8">\n</head>\n<body>\n <script>console.log("loaded");</script>\ntext\n</body>\n</html>';
document.documentElement.innerHTML = html;
}();
//]]>
</script>
</body>
</html>

我遇到了一个未终止的字符串文字语法错误,这更有趣。我想如果注入(inject)器代码包含 javascript,它就无法正常工作,所以我认为这不是一个与插件相关的问题。如果我使用 <\/script>那么就可以了,但是console.log("loaded");脚本不运行。通过chrome它确实可以运行,所以这就是我认为的问题。

我将 jquery 添加到“contentScriptFile”并使用 $("html").html(html)相反 document.documentElement.innerHTML = html 。它现在运行脚本,但仍然无法正常工作。

通过 cancel() 添加了一些修复:

let { Ci, Cu, Cr } = require('chrome');
//...
subject.cancel(Cr.NS_BINDING_ABORTED);

cancel 似乎有一个必需的状态参数,但当它没有获取它时,它会默默地失败。现在取消文件也可以了,但插件仍然在某个地方失败。 :S

我认为我编写的注入(inject)器工作得很好,问题出在注入(inject)的 HTML 和 js 文件上。我不打算调试它们(因为 $.load 使用 eval,所以这会很困难),我将代码发送给 chrome 插件开发人员,也许他们可以以某种方式修复它。

关于javascript - 用 mozilla addon SDK 替换完整的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30931703/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com