如何获取显示HTML源代码的链接？

Question

我希望我的网页有一个“显示来源”链接，该链接将显示我的HTML来源。

我也想知道是否有一些东西可以添加到我的页面的URL中，它只显示源而不是呈现页面。像这样......

http://www.example.com/mypage.html#show_source

Answer 1

如果您对打开源代码的链接没问题，可以使用以下javascript：

如果您使用的是FF：

window.location = "view-source:" + window.location.href;

和IE：

var popup=window.open();
popup.document.open('text/plain').write(document.documentElement.outerHTML)

如果您只需要身体标签之间的代码 - 那么您可以执行以下操作：     document.body.innerHTML

您能否提供有关该应用程序的更多信息？

Answer 2

“查看源按钮”可能是一种解决方案，但如果您需要直接链接，则需要将文件的内容类型标题更改为“纯文本/文本”。

如果您的页面可能是，例如，PHP脚本，那么它将是：

<?php if($_GET["viewsource"]=="yes") header("Content-Type: plain/text"); ?>

您可以通过在网址上附加？viewsource = yes来打开链接。

请记住，它仅适用于“服务器端”。