您将如何制作 HTML 或 Javascript，或者如果需要 PHP 代码打开查看源代码？

Posted 2023-02-21

【中文标题】您将如何制作 HTML 或 Javascript，或者如果需要 PHP 代码打开查看源代码？

【英文标题】：How would you make HTML or Javascript or if need be PHP code open up view-source?

【发布时间】：2021-10-09 03:23:53

【问题描述】：

我希望用户能够单击我网站上的链接，并让他们能够在可单击的链接中查看页面的源代码。 查看源代码功能的目标是通过查看 html 向用户证明该网站仅是 HTML，并且对用户没有跟踪/后端。这适用于可能知道一点代码或可能不知道如何打开查看源代码的用户。但更重要的是增加用户对网站的信心

这些是我目前拥有的代码sn-ps

 <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()">

它们都不起作用，也没有打开应有的新页面。 这可能是浏览器限制吗？

【问题讨论】：

出于安全原因，新版本的 Internet Explorer 不再支持查看源协议（除非授予额外权限）。对于 chrome，如果有人干预reference

似乎还是可以的

@KenLee 我真的不关心 IE，因为它已经过时了。并且没有我制作这个网站的功能。例如，我想知道您是否可以触发关键事件模拟​​以打开窗口或其他类型的工作。我正在使用 Chrome 并为 Chromium 制作这个

我明白了。请看我的回答。

【参考方案1】：

您可以使用 php 的 file_get_contents 来获取 URL 的源代码，然后显示在 textarea 中。

因此，请使用：

<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  ?>