如何隐藏 HTML 注释答案

【问题标题】：How to Hide HTML Comments如何隐藏 HTML 注释
【发布时间】：2016-03-29 13:23:19
【问题描述】：

我想在我的 HTML 中添加一些 cmets 作为自己的注释，但我不希望我网站上的某个人能够看到我留在开发工具中的 cmets。是否有任何技巧可以在代码中看到 cmets，但在开发工具中无法访问？我并不是说打开或关闭它的选项，但就用户而言，我不希望他们知道 cmets 在那里。

我看到有一个 Firebug 扩展来切换它，所以这可能是不可能的？但我想确认一下。

【问题讨论】：

在原生 HTML 中...不。如果您使用服务器端语言，则可以对用户隐藏 cmets。您的服务器支持哪些语言？

标签： html

【解决方案1】：

您可以使用 JavaScript / jQuery 删除 DOM 上的 cmets。

代码/示例 (https://jsfiddle.net/cjqap37e/)：

$('*').contents().each(function() {
  if(this.nodeType === Node.COMMENT_NODE) {
    $(this).remove();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<!-- comment #1 -->
<div class="test">
  Hello World
  <!-- comment #2 -->
</div>

网站的访问者得到以下输出：

<div class="test">
    Hello World
</div>

更好的解决方案是使用服务器端脚本来删除 cmets，因为使用 JavaScript / jQuery 会将 cmets 发送给访问者。因此，您可以使用Smarty 或Twig 之类的模板引擎。另一种方法是使用服务器端缩小器来缩小服务器上的 HTML-Code 并将结果发送给访问者。

【讨论】：

【解决方案2】：

如果你把文件类型改成php文件并把注释放在里面

'<?php /* comments */ ?>'

这将对用户隐藏 cmets，他们将无法看到它，因为它是一种服务器端语言。

【讨论】：

【解决方案3】：

除了使用压缩工具之外，没有真正的方法可以做到这一点。查看： https://kangax.github.io/html-minifier/

只是其中之一。您可以找到适用于 javascript 和 HTML 的出色工具。

【讨论】：

【解决方案4】：

是的，您可以，只要您的网站是使用 .NET、.PHP 或类似的，基本上是服务器端的。你可能有这样的东西：

<?php
    echo 'This is a test'; // This is a one-line c++ style comment
    /* This is a multi line comment
       yet another line of comment */
    echo 'This is yet another test';
    echo 'One Final Test'; # This is a one-line shell-style comment
?>

HTML 代码将在没有 cmets 的情况下呈现，您可以在 DEV 环境中将其作为源代码查看。

希望这会有所帮助:)

【讨论】：

【解决方案5】：

我也在想，如果你在 php 上运行，你可以像这样格式化 cmets：

<br>
Html stuff...
<tag></tag>...... <?php //This is a comment that is hidden /?>

您唯一需要考虑的是，您需要确保您的 .htm 或 .html 文件是通过 php 解释器解析的见：

Parse HTML as PHP

【讨论】：