Comment cacher le code de formulaire à partir du code de vue / inspecter le navigateur d'éléments?

Je souhaite cacher le code de formulaire à partir du navigateur de code d'affichage / d'inspection, comment puis-je le faire?

Voici mon code, voir ci-dessous:

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

Voir l'image

Entrez la description de l'image ici

Il existe une façon intelligente de désactiver l'élément d'inspection dans votre site Web. Ajoutez simplement l'extrait suivant dans la balise de script:

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

Veuillez consulter ce blog

La touche de fonction F12 qui prend directement l'élément d'inspection du navigateur, nous pouvons également le désactiver, en utilisant le code suivant:

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

Vous ne pouvez tout simplement pas.

Les inspecteurs de code sont conçus pour déboguer HTML et Javascript. Ils le font en montrant l'objet DOM en direct de la page Web. Cela signifie qu'il révèle le code HTML de tout ce que vous voyez sur la page, même s'ils sont générés par Javascript. Certains inspecteurs montrent même le code à l'intérieur des iframes.

Bien que je ne pense pas qu'il existe un moyen de le faire pleinement, vous pouvez prendre quelques mesures pour empêcher presque tout le monde d'afficher le HTML.

Vous pouvez d'abord essayer d'arrêter le menu d'inspection en procédant comme suit:

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

Je suggérerais également d'utiliser la méthode que Jonas a donnée d'utiliser son javascript et de mettre ce que vous ne voulez pas que les gens voient dans un div avec id = "element-to-hide" et son script js donné pour empêcher les gens d'inspecter.

Je suis plutôt sûr qu'il est difficile de passer par là. Mais alors, quelqu'un peut simplement taper view-source: http://www.exapmle.com et cela leur montrera la source. Ainsi, vous voudrez probablement chiffrer le HTML (je vous conseille d'utiliser un site Web qui vous offre une option de sécurité étendue). Il existe de nombreux bons sites Web qui le font gratuitement (par exemple: http://www.smartgb.com/free_encrypthtml.php ) et utilisent une sécurité étendue que vous ne pouvez habituellement pas chiffrer à travers les crypteurs HTML un.

Cela va fondamentalement chiffrer votre HTML, donc, si vous voyez la source en utilisant la méthode que j'ai montré ci-dessus, vous obtiendrez simplement le code HTML crypté (il est également extrêmement difficile de ne pas chiffrer si vous avez utilisé l'option de sécurité étendue). Mais vous pouvez voir le HTML non chiffré en effectuant une inspection, mais nous avons déjà bloqué cela (dans une mesure très raisonnable)

Ok, donc vous ne pouvez pas cacher complètement le HTML, mais vous pouvez faire un très bon travail pour empêcher les gens de le voir. (Si vous y pensez, la plupart des gens ne se soucient pas de voir le HTML d'une page, certaines personnes ne connaissent même pas Sur l'inspection et la visualisation de la source et les personnes qui ne seront probablement pas dérangées ou ne pourront pas dépasser ces implications! Donc, probablement, personne ne vous verra HTML)

(J'espère que cela t'aides!)

Vous pouvez utiliser la balise suivante

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

OU vous pouvez créer votre propre menu lorsque vous cliquez avec le bouton droit de la souris:

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

Vous ne pouvez pas empêcher l'utilisateur de voir notre code mais vous pouvez l'éviter en désactivant certaines clés

Simplement vous pouvez faire <body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;"><!--Your body context--> </body> <body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;"><!--Your body context--> </body>

Après cela, les clés suivantes sont automatiquement désactivées

1. Ctrl + Maj + U 2. Ctrl + Maj + C 3. Ctrl + Maj + I 4. Clic droit de la souris 5. Touche F12

Bien que je ne pense pas qu'il existe un moyen de le faire pleinement, vous pouvez prendre quelques mesures pour empêcher presque tout le monde d'afficher le HTML.

Vous pouvez d'abord essayer d'arrêter le menu d'inspection en procédant comme suit:

Je suggérerais également d'utiliser la méthode que Jonas a donnée d'utiliser son javascript et de mettre ce que vous ne voulez pas que les gens voient dans un div avec id = "element-to-hide" et son script js donné pour empêcher les gens d'inspecter.

Je suis plutôt sûr qu'il est difficile de passer par là. Mais alors, quelqu'un peut simplement taper view-source: http://www.exapmle.com et cela leur montrera la source. Ainsi, vous voudrez probablement chiffrer le HTML (je vous conseille d'utiliser un site Web qui vous offre une option de sécurité étendue). Il existe de nombreux bons sites Web qui le font gratuitement (par exemple: http://www.smartgb.com/free_encrypthtml.php ) et utilisent une sécurité étendue que vous ne pouvez habituellement pas chiffrer à travers les crypteurs HTML un.

Cela va fondamentalement chiffrer votre HTML, donc, si vous voyez la source en utilisant la méthode que j'ai montré ci-dessus, vous obtiendrez simplement le code HTML crypté (il est également extrêmement difficile de ne pas chiffrer si vous avez utilisé l'option de sécurité étendue). Mais vous pouvez voir le HTML non chiffré en effectuant une inspection, mais nous avons déjà bloqué cela (dans une mesure très raisonnable)

Bien que je ne pense pas qu'il existe un moyen de le faire pleinement, vous pouvez prendre quelques mesures pour empêcher presque tout le monde d'afficher le HTML.

Vous pouvez d'abord essayer d'arrêter le menu d'inspection en procédant comme suit:

Je suggérerais également d'utiliser la méthode que Jonas a donnée d'utiliser son javascript et de mettre ce que vous ne voulez pas que les gens voient dans un div avec id = "element-to-hide" et son script js donné pour empêcher les gens d'inspecter.

Je suis plutôt sûr qu'il est difficile de passer par là. Mais alors, quelqu'un peut simplement taper la source de la vue

Cela va fondamentalement chiffrer votre HTML, donc, si vous voyez la source en utilisant la méthode que j'ai montré ci-dessus, vous obtiendrez simplement le code HTML crypté (il est également extrêmement difficile de ne pas chiffrer si vous avez utilisé l'option de sécurité étendue). Mais vous pouvez voir le HTML non chiffré en effectuant une inspection, mais nous avons déjà bloqué cela (dans une mesure très raisonnable)

Vous pouvez ajouter ce script pour commettre une erreur lorsque l'utilisateur est au courant: D

Essayez ce code

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

Ce code supprime le html interne d'un élément du dom lorsque le débogueur est ouvert (testé dans Chrome et 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); 

Ici #element-to-hide est l'identifiant de l'élément que vous souhaitez cacher. C'est un hack, mais j'espère que cela vous aidera.