3

Firefox drawWindow()-Function 需要一个XUL 内容窗口作为第一个参数，由低级 api选项卡 utils提供。

然而，随着 Firefox（代号为电解或 e10s）中引入多进程架构，直接通过低级 api 访问选项卡不再可能。虽然有可用的兼容性填充程序，但明确指出它们不支持需要 DOM 对象的平台 API。另一方面drawWindow()，不能在内容脚本中使用，因为它是“仅限 chrome”。

所以我的问题是：

  1. drawWindow()如果我不能在 chrome 之外使用它并且不能在 chrome 中获取 contentWindow-object，我应该如何使用它？
  2. 我还有哪些其他选项可以让我的插件在多进程 Firefox 中截取网站截图？

我们目前的方法是基于对这个 SO question 的回答。但是它不适用于多进程 Firefox

4

1 回答 1

1

使用 drawWindow() 的解决方案确实是使用注释中建议的 Noitidart 框架脚本。我用于屏幕截图的框架脚本如下所示：

addMessageListener("fs/make_screenshot_from_rectangle", makeScreenshot);

function makeScreenshot(payload) {
    var rectangle = payload.data;
    var startX = rectangle.startX || 0;
    var startY = rectangle.startY || 0;
    var width = rectangle.width || content.innerWidth;
    var height = rectangle.height || content.innerHeight;
    // Create canvas to draw window unto
    var canvas = content.document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
    canvas.width = width;
    canvas.height = height;
    // Create context for drawing, draw the old window unto the canvas
    var context = canvas.getContext("2d");
    context.drawWindow(content, startX, startY, width, height, "rgb(255,255,255)");
    // Save context as png
    var image = canvas.toDataURL('image/png');
    sendAsyncMessage("got-screenshot", image);
}

它是从具有以下功能的 chrome 脚本中调用的：

function (rectangle) {
    var tab = require("sdk/tabs").activeTab;
    var xulTab = require("sdk/view/core").viewFor(tab);
    var xulBrowser = require("sdk/tabs/utils").getBrowserForTab(xulTab);

    var browserMM = xulBrowser.messageManager;
    if ( /* framescript not yet attached to tab */ ) {
        browserMM.loadFrameScript(require("sdk/self").data.url("content-scripts/frame-script.js"), false);
        ... // do something to remember that there is a framescript attached to the tab
        browserMM.addMessageListener("got-screenshot", function (payload) {
            ... // handle the screenshot
        });
    }
    browserMM.sendAsyncMessage('fs/make_screenshot_from_rectangle', rectangle);
}

相关阅读：

于 2016-01-06T09:28:28.760 回答