Question

在Firefox中选择“无风格”（视图＆gt;页面样式＆gt;无样式）时，某些网页会“更好”：例如文字迅速回流。

我需要使用“无风格”精确地保存网站。那可能吗？可以将Firefox转换后的HTML代码复制到“No Style”视图后面吗？

Answer 1

Web Developer正在做的事情是这样的：

function disableStyleSheets() {
    for (var i = 0; i < document.styleSheets.length; i++)
        document.styleSheets[i].disabled = true;
}

function disableInlineStyles(node) {
    if (node.hasAttribute("style")) {
        node.setAttribute("data-style", node.getAttribute("style"));
        node.removeAttribute("style");
    }

    for (var i = 0; i < node.children.length; i++)
        disableInlineStyles(node.children[i]);
}

disableStyleSheets();
disableInlineStyles(document.documentElement);

所以它只是禁用页面上的所有样式才能重新启用它们。

虽然你想要的是完全删除样式，所以像这样：

function removeInlineStyles(node) {
    if (node.hasAttribute("style"))
        node.removeAttribute("style");

    for (var i = 0; i < node.children.length; i++)
        removeInlineStyles(node.children[i]);
}

var styleSheets = document.querySelectorAll("style, link[type='text/css']");
for (var i = styleSheets.length - 1; i >= 0; i--)
    styleSheets[i].parentNode.removeChild(styleSheets[i]);

removeInlineStyles(document.documentElement);

在Firebug的Command Editor内执行。然后你有三种方法来保存源。

在Web Developer工具栏中，选择查看源＆gt; 查看生成的来源。在即将出现的对话框中，选择文件＆gt; 将页面另存为... 将内容保存到文件中。
关注页面，按 Ctrl + A 选择所有内容，右键单击页面并从中选择查看选择源上下文菜单。在即将出现的对话框中，选择文件＆gt; 将页面另存为... 将内容保存到文件中。
在Firebug HTML panel中右键单击<html>元素，然后从上下文菜单中选择复制HTML 。打开文本编辑器，粘贴剪贴板中的内容并保存文件。

在Firefox的“无风格”视图中复制HTML代码

1 个答案: