使用 Javascript 在浏览器中以编程方式打开“查看源代码”HTML 窗口？

我如何以编程方式打开“查看源代码”窗口（使用一些 Javascript），就像我在浏览器中右键单击并单击“查看源代码”一样？这可能吗？

原文由 Lance 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 283

您可以使用此脚本，我们只需获取 html 标记的 innerHTML，重新附加它，然后将其粘贴到弹出窗口中。

 function showSource(){;
    var source = "<html>";
    source += document.getElementsByTagName('html')[0].innerHTML;
    source += "</html>";
    //now we need to escape the html special chars, javascript has escape
    //but this does not do what we want
    source = source.replace(/</g, "&lt;").replace(/>/g, "&gt;");
    //now we add <pre> tags to preserve whitespace
    source = "<pre>"+source+"</pre>";
    //now open the window and set the source as the content
    sourceWindow = window.open('','Source of page','height=800,width=800,scrollbars=1,resizable=1');
    sourceWindow.document.write(source);
    sourceWindow.document.close(); //close the document for writing, not the window
    //give source window focus
    if(window.focus) sourceWindow.focus();
}

这不会完全显示源代码，因为它不会显示 HTML 标签之外的任何内容，或 html 标签内的任何属性，但它应该足够接近，并且可以跨浏览器工作。

这个解决方案相对于 view-source: 解决方案的优势在于它也可以在 Windows XP SP2 上的 internet-explorer 6> 中运行，仅此而已。如果您的观众都不在这个组中，请使用查看源选项，这样更简单。

原文由 Pim Jager 发布，翻译遵循 CC BY-SA 2.5 许可协议

使用 Javascript 在浏览器中以编程方式打开“查看源代码”HTML 窗口？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

什么是闭包？闭包有哪些应用场景？

Stack Overflow 翻译