web-dev-qa-db-de.com

Wie kann ich Formularcode im Ansichtscode/Element-Browser ausblenden?

Ich möchte den Formularcode vor dem Ansichtscode-/Element-Browser ausblenden.

Dies ist mein Code, siehe unten: 

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

Bitte sehen Sie das Bild

enter image description here

18
user3758584

Es gibt eine intelligente Möglichkeit, das inspect-Element in Ihrer Website zu deaktivieren. Fügen Sie einfach das folgende Snippet im Script-Tag hinzu:

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

Bitte schaut euch dieses blog an

Die Funktionstaste F12, die das inspect-Element direkt vom Browser abruft, kann auch deaktiviert werden, indem der folgende Code verwendet wird:

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

Du kannst es einfach nicht.

Code-Inspektoren sind zum Debuggen von HTML und Javascript konzipiert. Sie zeigen dies, indem sie das Live-DOM-Objekt der Webseite anzeigen. Das heißt, es zeigt den HTML-Code von allem, was Sie auf der Seite sehen, auch wenn sie von Javascript generiert werden. Einige Inspektoren zeigen sogar den Code in Iframes.

18
Koala Yeung

Sie können dieses Skript hinzufügen, um einen Fehler zu machen, wenn der Benutzer inpect: D

Versuchen Sie diesen 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>

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

5
dihak

Ich glaube nicht, dass es eine Möglichkeit gibt, dies vollständig zu tun, Sie können jedoch ein paar Maßnahmen ergreifen, um fast jeden daran zu hindern, HTML anzuzeigen.

Sie können das Inspektionsmenü zunächst folgendermaßen testen und stoppen:

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

Ich würde auch vorschlagen, die Methode zu verwenden, die Jonas dazu gegeben hat, sein Javascript zu verwenden und das, was die Benutzer nicht in einem div sehen wollen, mit id = "element-to-hide" und sein gegebenes js-Skript, um die Benutzer weiterhin von der Untersuchung abzuhalten.

Ich bin mir ziemlich sicher, dass es ziemlich schwierig ist, das zu überwinden. Aber dann kann jemand einfach view-source: www.exapmle.com eingeben und das wird ihm die Quelle zeigen. Sie möchten dann wahrscheinlich den HTML-Code verschlüsseln (ich würde die Verwendung einer Website empfehlen, die Ihnen eine erweiterte Sicherheitsoption gibt). Es gibt viele gute Websites, die dies kostenlos tun (zB: http://www.smartgb.com/free_encrypthtml.php ) und erweiterte Sicherheit verwenden, die Sie normalerweise nicht durch HTML-Unverschlüsseler entschlüsseln können.

Dadurch wird Ihr HTML-Code im Wesentlichen verschlüsselt. Wenn Sie also den Quellcode mit der oben gezeigten Methode anzeigen, erhalten Sie nur verschlüsselten HTML-Code (dies ist auch äußerst schwierig zu entschlüsseln, wenn Sie die erweiterte Sicherheitsoption verwenden). Sie können den unverschlüsselten HTML-Code jedoch durch Einsichtnahme anzeigen, aber wir haben dies bereits (in einem sehr vernünftigen Umfang) blockiert.

Ok, Sie können den HTML-Code nicht vollständig ausblenden, Sie können jedoch eine sehr gute Funktion ausführen. Wenn Sie darüber nachdenken, dass die meisten Leute nicht daran denken, sich den HTML-Code einer Seite anzusehen, wissen einige Leute nicht einmal, dass sie die Quelle und die Leute, die dies tun, überprüfen und anzeigen wahrscheinlich wird sich nicht stören oder wird nicht in der Lage sein, diese Implikationen zu überwinden! Also Wahrscheinlich wird Sie niemand HTML sehen.

(Hoffe das hilft!)

2
CianB

Dieser Code entfernt die innere HTML eines Elements aus dem Dom, wenn der Debugger geöffnet ist (getestet in Chrome und 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);

Hier ist #element-to-hide die ID des Elements, das Sie verbergen möchten . Es ist ein Hack, aber ich hoffe, es hilft Ihnen. 

1
Jonas

Ich glaube nicht, dass es eine Möglichkeit gibt, dies vollständig zu tun, Sie können jedoch ein paar Maßnahmen ergreifen, um fast jeden daran zu hindern, HTML anzuzeigen.

Sie können das Inspektionsmenü zunächst folgendermaßen testen und stoppen:

Ich würde auch vorschlagen, die von Jonas angewandte Methode zu verwenden, sein Javascript zu verwenden und das, was Sie nicht möchten, dass Personen in einem div mit id = "element-to-hide" und seinem gegebenen js-Skript angezeigt werden, zu stoppen von der Inspektion.

Ich bin mir ziemlich sicher, dass es ziemlich schwierig ist, das zu überwinden. Aber dann kann jemand einfach view-source eingeben: www.exapmle.com und das wird ihm die Quelle zeigen. Sie möchten dann wahrscheinlich den HTML-Code verschlüsseln (ich würde die Verwendung einer Website empfehlen, die Ihnen eine erweiterte Sicherheitsoption gibt). Es gibt viele gute Websites, die dies kostenlos tun (zB: http://www.smartgb.com/free_encrypthtml.php ) und erweiterte Sicherheit verwenden, die Sie normalerweise nicht durch HTML-Unverschlüsseler entschlüsseln können.

Dadurch wird Ihr HTML-Code im Wesentlichen verschlüsselt. Wenn Sie also den Quellcode mit der oben gezeigten Methode anzeigen, erhalten Sie nur verschlüsselten HTML-Code (dies ist auch äußerst schwierig zu entschlüsseln, wenn Sie die erweiterte Sicherheitsoption verwenden). Sie können den unverschlüsselten HTML-Code jedoch durch Einsichtnahme anzeigen, aber wir haben dies bereits (in einem sehr vernünftigen Umfang) blockiert.

0
aaa

Ich glaube nicht, dass es eine Möglichkeit gibt, dies vollständig zu tun, Sie können jedoch ein paar Maßnahmen ergreifen, um fast jeden daran zu hindern, HTML anzuzeigen.

Sie können das Inspektionsmenü zunächst folgendermaßen testen und stoppen:

Ich würde auch vorschlagen, die von Jonas angewandte Methode zu verwenden, sein Javascript zu verwenden und das, was Sie nicht möchten, dass Personen in einem div mit id = "element-to-hide" und seinem gegebenen js-Skript angezeigt werden, zu stoppen von der Inspektion.

Ich bin mir ziemlich sicher, dass es ziemlich schwierig ist, das zu überwinden. Aber dann kann jemand einfach view-source eingeben

Dadurch wird Ihr HTML-Code im Wesentlichen verschlüsselt. Wenn Sie also den Quellcode mit der oben gezeigten Methode anzeigen, erhalten Sie nur verschlüsselten HTML-Code (dies ist auch äußerst schwierig zu entschlüsseln, wenn Sie die erweiterte Sicherheitsoption verwenden). Sie können den unverschlüsselten HTML-Code jedoch durch Einsichtnahme anzeigen, aber wir haben dies bereits (in einem sehr vernünftigen Umfang) blockiert.

0
aaa

wenn jemand interessiert ist, können Sie den Formularknoten nach der Übermittlung aus dem DOM löschen. Der Inspector kann nicht verwendet werden. 

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

0
Yamid Ospina

Der folgende JavaScript-Code funktionierte für mich, um das Inspect-Element zu deaktivieren. 

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

Sie können das folgende Tag verwenden

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

ODER Sie können Ihr eigenes Menü erstellen, wenn Sie mit der rechten Maustaste klicken:

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

0
M. Salah

sie können den Benutzer nicht daran hindern, unseren Code zu sehen, aber Sie können ihn vermeiden, indem Sie einige Schlüssel deaktivieren

sie können einfach <body oncontextmenu="return false" onkeydown="return false;" onmousedown="return false;"><!--Your body context--> </body> 

Danach werden folgende Tasten automatisch deaktiviert

1. Strg + Umschalt + U 2. Strg + Umschalt + C 3. Strg + Umschalt + I 4. Klicken Sie mit der rechten Maustaste 5. F12-Taste

0
Sohan Sonar