Question

我有一些使用

的用户脚本

var tab = window.open('', '_blank');
tab.document.write(myCustomHtml);
tab.document.close();

向用户显示输出（myCustomHtml是我之前在代码中定义的一些有效HTML）。从版本27开始，它在Firefox中工作，现在我只得到一个空文档。没有任何控制台错误。

新打开的文档在使用Firefox＆＃39;进行检查时只有这些内容。控制台

<html>
    <head></head>
    <body>
    </body>
</html>

源代码为空。

该代码适用于Chrome。

我是否需要对较新的Firefox版本（27+）和更新的Greasemonkey（1.15）进行任何修改？我还没有发现任何最近向Firefox报告此问题的错误。

这是一个测试脚本

// ==UserScript==
// @name           document.write() test
// @namespace      stackoverflow.com
// @description    tests document.write()
// @include        https://stackoverflow.com/questions/22651334/*
// @include        http://stackoverflow.com/questions/22651334/*
// @version        0.0.1
// ==/UserScript==

var tab = window.open('', '_blank');
tab.document.write('<html><head></head><body><ul><li>a</li><li>b</li><li>c</li></ul></body></html>');
tab.document.close();

Answer 1

我不确定Greasemonkey或Firefox是否存在错误，但window.open来自Greasemonkey脚本的空白页现在会触发Same Origin Policy违规行为。
同时，Page范围，控制台范围和Firebug控制台都可以正常工作。

Greasemonkey范围给出：

SecurityError：操作不安全

是否使用@grant none。

这加上GM_openInTab()的一般无用，导致我怀疑它是一个Greasemonkey错误。我现在没有时间调查，但file a bug report，如果你愿意的话。

要在Firefox（28.0）和Greasemonkey（1.15）的最新版本上使用此功能，以下是我必须做的事情：

告诉我的弹出窗口拦截器（暂时）允许来自stackoverflow.com的弹出窗口。
将弹出代码注入页面范围。
使用明确的about:blank作为网址。
等待新窗口加载。

这是一个完整的脚本，适用于最新的FF + GM 版本：

// ==UserScript==
// @name        document.write () test
// @description tests document.write ()
// @include     http://stackoverflow.com/questions/22651334/*
// ==/UserScript==

function fireNewTab () {
    var newTab = window.open ('about:blank', '_blank');
    newTab.addEventListener (
        "load",
        function () {
            //--- Now process the popup/tab, as desired.
            var destDoc = newTab.document;
            destDoc.open ();
            destDoc.write ('<html><head></head><body><ul><li>a</li><li>b</li><li>c</li></ul></body></html>');
            destDoc.close ();
        },
        false
    );
}

addJS_Node (null, null, fireNewTab);

function addJS_Node (text, s_URL, funcToRun, runOnLoad) {
    var D                                   = document;
    var scriptNode                          = D.createElement ('script');
    if (runOnLoad) {
        scriptNode.addEventListener ("load", runOnLoad, false);
    }
    scriptNode.type                         = "text/javascript";
    if (text)       scriptNode.textContent  = text;
    if (s_URL)      scriptNode.src          = s_URL;
    if (funcToRun)  scriptNode.textContent  = '(' + funcToRun.toString() + ')()';

    var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;
    targ.appendChild (scriptNode);
}

Answer 2

尝试使用tab.document.body.innerHTML代替tab.document.write()和tab.document.close()，即

var tab = window.open('', '_blank');
tab.document.body.innerHTML = '<ul><li>a</li><li>b</li><li>c</li></ul>';

（我正在使用带有Greasemonkey v1.15的Firefox v24.4.0，这对我有用。）

我不知道这个问题的根本原因但是当我在try-catch块中包含document.write()时，我从alert()收到以下错误消息。

The operation is insecure.

可能相关：Bug 663406 - document.write does not work in devtools scratchpad and console

document.write（）在Firefox上没有在用户脚本中工作

2 个答案: