我正在使用jetpack（带有node.js的jpm）创建一个Firefox插件，以扩展Firefox开发人员工具，以允许编辑当前页面的html。（我知道此功能已经存在；只是尝试学习绳索）。
我使用什么API访问当前页面的HTML？我看到有一个Debugger.Source，但不确定这是否正确。如果是这样，我该如何检索这些数据？
正如第一个答案所建议的那样，您可以使用注入页面的内容脚本来获取html源代码。例如，这是一种非常简单的方法，该方法使用tabs模块将内容脚本附加到当前页面中：
const self = require('sdk/self');
const tabs = require('sdk/tabs');
let { ActionButton } = require("sdk/ui/button/action");
let button = ActionButton({
id: "my-button-id",
label: "Get HTML Source",
icon: {
"16": "chrome://mozapps/skin/extensions/extensionGeneric.png",
"32": "chrome://mozapps/skin/extensions/extensionGeneric.png"
},
onClick: (state) => {
let worker = tabs.activeTab.attach({
contentScript: 'self.port.emit("htmlSrc", {head: document.head.outerHTML, body: document.body.outerHTML});'
});
worker.port.on('htmlSrc', (result) => {
worker.destroy(); // clean up
let src = "<html>\n"+ result.head + "\n" + result.body + "\n</html>";
require('sdk/clipboard').set(src, 'text');
});
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句