javascript - 如何从 View 代码/检查元素浏览器中隐藏表单代码？

Question

我想从查看代码/检查元素浏览器中隐藏表单代码，我该怎么做？

这是我的代码，请看下面:

<div style=" text-align: center;  padding: 300px; font-family: lato; ">
     Please wait redirect page ......<br>
    <img src="http://maps.nrel.gov/sites/all/modules/custom_modules/hydra/assets/images/loading_bar.gif" border="0">
</div>


<form name="f1" action="payments.php" method="post">
<input type="hidden" name="id_crad" value="...">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="12.99">
</form>


<script type="text/javascript">
setTimeout(function(){f1.submit();}, 3000);
</script>

请看图

Answer 1

你根本做不到。

代码检查器是为调试 HTML 和 JavaScript 而设计的。他们通过显示网页的实时 DOM 对象来做到这一点。这意味着它会显示您在页面上看到的所有内容的 HTML 代码，即使它们是由 JavaScript 生成的。一些检查员甚至在 Iframe 中显示代码。

用一些 JavaScript 来禁用键盘/鼠标交互怎么样...

有一些 JavaScript 技巧可以禁用页面上的某些键盘、鼠标交互。但是总是可以解决这些技巧。例如，您可以使用浏览器顶部菜单毫无问题地启用 DOM 检查器。

试试这些:

• 火狐:☰ > Tools > Web Developer > Inspector
• Chrome :⋮ > More Tools > Developer Tools > Elements

它们不在 JavaScript 的控制范围内。

大图

想一想:

网页上的
1. 所有内容都是由浏览器呈现的，因此它们的抽象级别低于 JavaScript。他们“守着所有的门，握着所有的 key ”。
2. 浏览器希望网站正常运行，否则用户会鄙视它们。
3. 因此，浏览器希望通过代码检查器等工具向网络开发人员公开一切的较低级别的刻度。

基本上，浏览器是 JavaScript 的神。他们希望通过代码检查器授予 Web 开发人员超能力。即使您的技巧在一段时间内有效，浏览器也希望在将来撤消它。

你在与上帝作战，你注定要失败。

结论

简单地说，如果您不希望人们在他们的浏览器中获得某些东西，您应该从不首先将其发送到他们的浏览器。