javascript - 将 XMLSerializer().serializeToString 字符串输出到用户可保存的文本窗口

Question

我目前正在使用以下代码来显示来自 DOM 的一部分的 XML 代码。

var sXML = new XMLSerializer().serializeToString(document.getElementsByTagName("TopElementOfBlockOfInterest")[0]);
var win;
var doc;
win = window.open("", "", "",false);
doc = win.document;
doc.open("text/plain");
doc.write(sXML);
doc.close();

我看到的是 XML 代码。但是，当我在 Firefox 20.0 上选择“另存为”时，保存的是一个 html 文件。有没有办法以用户保存将 XML 代码保存到文件的形式显示 XML 字符串？现在的方式，用户可以复制和粘贴，但我更喜欢更传统的保存操作。

Answer 1

将其转换为数据 uri，然后打开它

var uri = new XMLSerializer().serializeToString( // serialise
        document.getElementsByTagName("TopElementOfBlockOfInterest")[0]
    ),
    win;
uri = 'data:text/plain,' + window.encodeURIComponent(uri); // to data URI
win = window.open(uri, '_blank'); // open new window

SaveAs现在将默认为.txt. 您可能还希望使用MIME text/xml或application/xml实际显示XML内容，但是在浏览器中查看时，这可能会呈现而不是显示为纯文本。