Comment masquer le code de formulaire du code de vue/inspecter le navigateur d'éléments?
Je veux masquer le code de formulaire du code d'affichage/inspecter le navigateur d'éléments, comment puis-je faire cela?
Ceci est mon code, s'il vous plaît 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>
S'il vous plaît voir l'image
Il existe un moyen intelligent de désactiver l'élément inspect sur votre site Web. Ajoutez simplement l'extrait de code suivant dans la balise de script:
$(document).bind("contextmenu",function(e) {
e.preventDefault();
});
S'il vous plaît consulter ce blog
La touche de fonction F12 qui prend directement l’élément inspecté du navigateur peut également être désactivée en utilisant le code suivant:
$(document).keydown(function(e){
if(e.which === 123){
return false;
}
});
Vous ne pouvez simplement pas.
Les inspecteurs de code sont conçus pour le débogage HTML et Javascript. Ils le font en affichant 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'il est généré par Javascript. Certains inspecteurs affichent même le code dans les iframes.
Vous pouvez ajouter ce script pour faire une erreur lorsque l'utilisateur regarde: 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>De http://www.bloggerku.com/2017/08/memasang-anti-inspect.html
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 de consulter le code 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é 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 afin d'empêcher les utilisateurs d'inspecter.
Je suis à peu près sûr qu'il est assez difficile de surmonter cela. Mais alors quelqu'un peut simplement taper view-source: www.exapmle.com} et cela leur montrera la source. Vous voudrez alors probablement chiffrer le code HTML (je vous conseillerais d'utiliser un site Web offrant une option de sécurité étendue). Il existe de nombreux 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 généralement pas déchiffrer avec HTML un crypteur.
En gros, cela crypte votre code HTML. Ainsi, si vous affichez le code source à l'aide de la méthode présentée ci-dessus, vous obtiendrez simplement du code HTML crypté (il est également extrêmement difficile de décrypter si vous avez utilisé l'option de sécurité étendue). Mais vous pouvez voir le code HTML non chiffré en effectuant une inspection, mais nous l’avons déjà bloqué (dans une mesure très raisonnable).
Ok, donc vous ne pouvez pas cacher le code HTML, mais vous pouvez faire un très bon empêcher les gens de la voir (si vous y réfléchissez, la plupart des gens ne se soucient pas de regarder le code HTML d'une page, certaines personnes ne savent même pas de l'inspection et de l'affichage de la source et des personnes qui le font. probablement ne sera pas dérangé ou ne pourra pas surmonter ces implications! Donc probablement personne ne vous verra HTML)
(J'espère que cela t'aides!)
Ce code supprime le code 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’id de l’élément que vous voulez cacher . C’est un hack, mais j’espère que cela vous aidera.
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 de consulter le code 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 code 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 arrêter davantage les gens d'inspecter.
Je suis à peu près sûr qu'il est assez difficile de surmonter cela. Mais alors quelqu'un peut simplement taper view-source: www.exapmle.com et cela leur montrera la source. Vous voudrez alors probablement chiffrer le code HTML (je vous conseillerais d'utiliser un site Web offrant une option de sécurité étendue). Il existe de nombreux 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 généralement pas déchiffrer avec HTML un crypteur.
En gros, cela crypte votre code HTML. Ainsi, si vous affichez le code source à l'aide de la méthode présentée ci-dessus, vous obtiendrez simplement du code HTML crypté (il est également extrêmement difficile de décrypter si vous avez utilisé l'option de sécurité étendue). Mais vous pouvez voir le code HTML non chiffré en effectuant une inspection, mais nous l’avons déjà bloqué (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 de consulter le code 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 code 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 arrêter davantage les gens d'inspecter.
Je suis à peu près sûr qu'il est assez difficile de surmonter cela. Mais alors quelqu'un peut simplement taper view-source
En gros, cela crypte votre code HTML. Ainsi, si vous affichez le code source à l'aide de la méthode présentée ci-dessus, vous obtiendrez simplement du code HTML crypté (il est également extrêmement difficile de décrypter si vous avez utilisé l'option de sécurité étendue). Mais vous pouvez voir le code HTML non chiffré en effectuant une inspection, mais nous l’avons déjà bloqué (dans une mesure très raisonnable).
si quelqu'un est intéressé, vous pouvez supprimer le nœud de formulaire du DOM après la soumission et il ne sera plus utilisé à l'aide de l'inspecteur.
https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove
Le code JavaScript ci-dessous m'a permis de désactiver l'élément inspecté.
// Disable inspect element
$(document).bind("contextmenu",function(e) {
e.preventDefault();
});
$(document).keydown(function(e){
if(e.which === 123){
return false;
}
});
Vous pouvez utiliser la balise suivante
<body oncontextmenu="return false"><!-- your page body hear--></body>
OU vous pouvez créer votre propre menu quand clic droit:
vous ne pouvez pas empêcher l'utilisateur de voir notre code mais vous pouvez l'éviter en désactivant certaines clés
vous pouvez simplement faire <body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;"><!--Your body context--> </body>
Après cela, les touches 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