你如何使HTML或Javascript或如果需要PHP代码打开查看源?

Question

如何制作HTML或Javascript，或者如果需要PHP代码打开查看源?我希望用户能够点击我的网站上的链接，并让他们能够查看在一个可点击的链接页面的源代码。查看源函数的目标是通过查看HTML向用户证明网站只是HTML，并且没有跟踪/后端到用户。这是为那些可能知道一点代码或者不知道如何打开viewsource的用户准备的。但更重要的是要增加用户对网站的信心

这些是我目前拥有的代码片段

<script>
var viewSourceLoc = "view-source:https://" + window.location.hostname;
document.getElementById("page-source-link-top").href = viewSourceLoc;
document.getElementById("page-source-link-bottom").href = viewSourceLoc;
function openLink() {
window.open(viewSourceLoc);
}
openLink();
</script>

<p>When in doubt
<a id="page-source-link-top" target="_blank" href="view-source:https://mbps.ctptech.dev">View Page Source>
</p>

<input id="view-page" type="button" onclick="openLink()">

它们都不工作，也不打开应该打开的新页面。这是浏览器的限制吗?

Answer 1

您可以使用PHP的file_get_contents来获取URL的源代码，然后将其显示在文本区

因此，请使用:

<form action="" method=POST>
<table border=0><tr><td colspan=2>View Soure:
<tr><td>URL: <td><input name=url> (e.g. http://www.google.com)   
<tr><td><td><input type=submit value="Go!">
</table>
</form>

<?php 
if ($_POST["url"]!="") { 
$html2 = file_get_contents($_POST["url"]);
?>
<textarea style="width:100%;height:200px;" id=sourcecodex><?php echo $html2;?></textarea>
<?php } ?>