如何从视图代码/检查元素浏览器中隐藏表单代码？

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 检查器。

试试论文：

Firefox： ☰ > 工具 > 网页开发者 > Inspector
Chrome： ⋮ > 更多工具 > 开发者工具 > 元素

它们不受 JavaScript 的控制。

大图

想一想：

网页上的所有内容是由浏览器渲染的，所以他们是一个较低的抽象级别比你的JavaScript。 他们“守卫着所有的门，掌握着所有的钥匙”。
浏览器希望网站在它们上正常工作，否则它们的用户会鄙视它们。
因此，浏览器希望使用代码检查器等工具向 Web 开发人员公开所有内容的较低级别的滴答声。

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

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

结论

说得简单，如果你不希望人们得到他们的浏览器的东西，你永远不应该发给他们的浏览器摆在首位。

Answer 2

有一种聪明的方法可以禁用您网站中的检查元素。 只需在脚本标签中添加以下代码片段：

$(document).bind("contextmenu",function(e) {
 e.preventDefault();
});

请查看此博客

功能键 F12 直接从浏览器中获取检查元素，我们也可以禁用它，使用以下代码：

$(document).keydown(function(e){
    if(e.which === 123){
       return false;
    }
});

Answer 3

您可以添加此脚本以在用户检查时出错：D

试试这个代码

 <script type="text/javascript"> eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c])}}return p}('(3(){(3 a(){8{(3 b(2){7((\\'\\'+(2/2)).6!==1||2%5===0){(3(){}).9(\\'4\\')()}c{4}b(++2)})(0)}d(e){g(a,f)}})()})();',17,17,'||i|function|debugger|20|length|if|try|constructor|||else|catch||5000|setTimeout'.split('|'),0,{})) </script>

来自http://www.bloggerku.com/2017/08/memasang-anti-inspect.html

Answer 4

您可以使用此代码 -

阻止右键单击 -

<body oncontextmenu="return false;">

块键 - 您应该在 body 标签的上部使用它。 （在 head 标签中使用）

<script>

    document.onkeydown = function (e) {
        if (event.keyCode == 123) {
            return false;
        }
        if (e.ctrlKey && e.shiftKey && (e.keyCode == 'I'.charCodeAt(0) || e.keyCode == 'i'.charCodeAt(0))) {
            return false;
        }
        if (e.ctrlKey && e.shiftKey && (e.keyCode == 'C'.charCodeAt(0) || e.keyCode == 'c'.charCodeAt(0))) {
            return false;
        }
        if (e.ctrlKey && e.shiftKey && (e.keyCode == 'J'.charCodeAt(0) || e.keyCode == 'j'.charCodeAt(0))) {
            return false;
        }
        if (e.ctrlKey && (e.keyCode == 'U'.charCodeAt(0) || e.keyCode == 'u'.charCodeAt(0))) {
            return false;
        }
        if (e.ctrlKey && (e.keyCode == 'S'.charCodeAt(0) || e.keyCode == 's'.charCodeAt(0))) {
            return false;
        }
    }
</script>

Answer 5

此代码在调试器打开时从 dom 中删除元素的内部 html（在 Chrome 和 IE 中测试）

var currentInnerHtml;
var element = new Image();
var elementWithHiddenContent = document.querySelector("#element-to-hide");
var innerHtml = elementWithHiddenContent.innerHTML;

element.__defineGetter__("id", function() {
    currentInnerHtml = "";
});

setInterval(function() {
    currentInnerHtml = innerHtml;
    console.log(element);
    console.clear();
    elementWithHiddenContent.innerHTML = currentInnerHtml;
}, 1000);

这里#element-to-hide是你想隐藏的元素的id。 这是一个黑客，但我希望它可以帮助你。

Answer 6

虽然我认为没有办法完全做到这一点，但您可以采取一些措施来阻止几乎所有人查看 HTML。

您可以首先尝试通过执行以下操作来停止检查菜单：

<body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;">

我还建议使用Jonas提供的使用他的 javascript 的方法，并将您不希望人们看到的内容放在id="element-to-hide"和他给定的 js 脚本的div 中，以进一步阻止人们进行检查。

我很确定要克服这一点非常困难。 但是有人可以输入view-source:www.exapmle.com ，这将向他们显示源。 因此，您可能想要加密 HTML（我建议使用为您提供扩展安全选项的网站）。 有很多免费的好网站（例如： http : //www.smartgb.com/free_encrypthtml.php ）并使用扩展的安全性，您通常无法通过 HTML 非加密器解密。

这基本上会加密你的 HTML，所以如果你使用我上面展示的方法查看源代码，你只会得到加密的 HTML（如果你使用扩展的安全选项，这也很难解密）。 但是您可以通过检查查看未加密的 HTML 但我们已经阻止了（在非常合理的程度上）

好吧，你不能完全隐藏 HTML，但你可以在阻止人们看到它方面做得非常好。（如果你考虑一下，大多数人并不关心查看页面的 HTML，有些人甚至不知道关于检查和查看源代码的人可能不会被打扰或无法克服这些影响！所以可能没有人会看到你的 HTML）

（希望这可以帮助！）

Answer 7

下面的 JavaScript 代码对我有用以禁用检查元素。

// Disable inspect element
$(document).bind("contextmenu",function(e) {
 e.preventDefault();
});
$(document).keydown(function(e){
    if(e.which === 123){
       return false;
    }
});

Answer 8

虽然我认为没有办法完全做到这一点，但您可以采取一些措施来阻止几乎所有人查看 HTML。

您可以首先尝试通过执行以下操作来停止检查菜单：

我还建议使用 Jonas 提供的使用他的 javascript 的方法，并将您不希望人们看到的内容放在 id="element-to-hide" 和他给定的 js 脚本的 div 中，以进一步阻止人们进行检查。

我很确定要克服这一点非常困难。 但是有人可以输入 view-source

这基本上会加密你的 HTML，所以如果你使用我上面展示的方法查看源代码，你只会得到加密的 HTML（如果你使用扩展的安全选项，这也很难解密）。 但是您可以通过检查查看未加密的 HTML 但我们已经阻止了（在非常合理的程度上）

Answer 9

您可以使用以下标签

<body oncontextmenu="return false"><!-- your page body hear--></body>

或者您可以在右键单击时创建自己的菜单：

https://github.com/swisnl/jQuery-contextMenu

Answer 10

您无法阻止用户查看我们的代码，但您可以通过禁用某些键来避免它

简单地你可以做<body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;"> </body> <body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;"> </body>

执行此操作后，以下键将自动禁用

1. Ctrl + Shift + U 2. Ctrl + Shift + C 3. Ctrl + Shift + I 4. 鼠标右键单击 5. F12 键

Answer 11

虽然我认为没有办法完全做到这一点，但您可以采取一些措施来阻止几乎所有人查看 HTML。

您可以首先尝试通过执行以下操作来停止检查菜单：

我还建议使用 Jonas 提供的使用他的 javascript 的方法，并将您不希望人们看到的内容放在 id="element-to-hide" 和他给定的 js 脚本的 div 中，以进一步阻止人们进行检查。

我很确定要克服这一点非常困难。 但是有人可以输入 view-source:www.exapmle.com ，这将向他们显示源。 因此，您可能想要加密 HTML（我建议使用为您提供扩展安全选项的网站）。 有很多免费的好网站（例如： http : //www.smartgb.com/free_encrypthtml.php ）并使用扩展的安全性，您通常无法通过 HTML 非加密器解密。

这基本上会加密你的 HTML，所以如果你使用我上面展示的方法查看源代码，你只会得到加密的 HTML（如果你使用扩展的安全选项，这也很难解密）。 但是您可以通过检查查看未加密的 HTML 但我们已经阻止了（在非常合理的程度上）

Answer 12

如果有人感兴趣，您可以在提交后从 DOM 中删除表单节点，并且它不会使用检查器在那里。

https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove

Answer 13

 <script> document.onkeydown = function(e) { if(event.keyCode == 123) { return false; } if(e.ctrlKey && e.keyCode == 'E'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.keyCode == 'H'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.keyCode == 'A'.charCodeAt(0)){ return false; } if(e.ctrlKey && e.keyCode == 'E'.charCodeAt(0)){ return false; } } </script>

试试这个代码

如何从视图代码/检查元素浏览器中隐藏表单代码？

问题描述

13 个解决方案

解决方案1
37 2014-06-20 04:16:16

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

大图

结论

解决方案2
22 2014-06-20 05:29:34

解决方案3
15 2017-08-13 08:49:19

解决方案4
12 2019-12-19 07:08:47

解决方案5
3 2015-11-02 12:27:08

解决方案6
2 2017-02-11 16:29:27

解决方案7
2 2017-12-04 15:28:54

解决方案8
1 2017-06-02 12:29:33

解决方案9
0 2016-07-10 05:24:59

解决方案10
0 2016-12-22 08:07:05

解决方案11
0 2017-06-02 09:50:01

解决方案12
0 2018-04-11 11:42:32

解决方案13
-1 2017-09-27 04:20:48

如何从视图代码/检查元素浏览器中隐藏表单代码？

问题描述

13 个解决方案

解决方案1 37 2014-06-20 04:16:16

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

大图

结论

解决方案2 22 2014-06-20 05:29:34

解决方案3 15 2017-08-13 08:49:19

解决方案4 12 2019-12-19 07:08:47

解决方案5 3 2015-11-02 12:27:08

解决方案6 2 2017-02-11 16:29:27

解决方案7 2 2017-12-04 15:28:54

解决方案8 1 2017-06-02 12:29:33

解决方案9 0 2016-07-10 05:24:59

解决方案10 0 2016-12-22 08:07:05

解决方案11 0 2017-06-02 09:50:01

解决方案12 0 2018-04-11 11:42:32

解决方案13 -1 2017-09-27 04:20:48

解决方案1
37 2014-06-20 04:16:16

解决方案2
22 2014-06-20 05:29:34

解决方案3
15 2017-08-13 08:49:19

解决方案4
12 2019-12-19 07:08:47

解决方案5
3 2015-11-02 12:27:08

解决方案6
2 2017-02-11 16:29:27

解决方案7
2 2017-12-04 15:28:54

解决方案8
1 2017-06-02 12:29:33

解决方案9
0 2016-07-10 05:24:59

解决方案10
0 2016-12-22 08:07:05

解决方案11
0 2017-06-02 09:50:01

解决方案12
0 2018-04-11 11:42:32

解决方案13
-1 2017-09-27 04:20:48