So verbergen Sie den JavaScript -Code in der Ansichtsquelle

Das Verstecken von Code von anderen Benutzern oder Entwicklern ist eine wichtige Aufgabe. Wenn der Entwickler keine Vorsichtsmaßnahmen mit seinem Code trifft, erleichtert er Angreifern und anderen Programmierern das Leben, um ihren Code zu klonen. Aber selbst wenn der Programmierprozesse oder der Quellcode ein zusätzlicher Klick von den Angreifern entfernt sind, bedeutet dies zusätzliche Sicherheit.

Dieser Beitrag beschreibt den Prozess, um den JavaScript -Code in der Quelle der Ansicht zu verbergen.

So verbergen Sie den JavaScript -Code in der Ansichtsquelle?

Um den JavaScript -Code in der Quelle der Ansicht zu verbergen. Auf der Webseite gibt es verschiedene Möglichkeiten, die Ansichtsquelle zu öffnen und den entsprechenden Code zu sehen.

Der erste Weg ist zu “Rechtsklick”Auf der Seite und klicken Sie auf die“Seitenquelle anzeigen”Option in“ “Kontextmenü”Oder verwenden Sie den Abkürzungschlüssel“Strg+u”:

Es wird den vollwertigen Quellcode der Seite in einer neuen Registerkarte angezeigt, wie unten gezeigt:

Der zweite Weg ist zu “Rechtsklick”Auf der Seite und klicken Sie auf die“Prüfen”Option von einem“Kontextmenü”Oder verwenden Sie die Abkürzungsschlüssel“F12", Und "Strg+Verschiebung+i”.

Beim Klicken auf “PrüfenOption wird das untergegebene Fenster mit Optionen geöffnet, in dem der Benutzer den Code sehen kann.

Fügen wir Funktionen hinzu, um zu verhindern, dass klicken und Hotkeys auf einer Webseite das Öffnen der "Seitenquelle anzeigen" Möglichkeit.

Verwenden Sie die folgenden Codezeilen, um das Rechtsklick auf einer Webseite zu verhindern:

dokumentieren.AddEventListener ("contextMenu", (e) =>
e.Standard verhindern();
, FALSCH);

Der obige Code -Snippet:

• Erstens auf den "AddEventListener ()Methode durch Übergabe der Referenz der “Kontextmenü”.
• Dann rufen Sie das an "Standard verhindern()"Methode und setzen Sie es"FALSCH”, Was bedeutet.

Der folgende Code -Snippet verhindert die Abkürzungschlüssel einschließlich “Strg+Verschiebung+i","Strg+u" Und "F12”:

dokumentieren.AddEventListener ("Keydown", (e) =>
if (e.Strlkey || e.KeyCode == 123)
e.StopPropagation ();
e.Standard verhindern();

);

Ausgang

Das obige GIF zeigt an, dass während der “keine Maßnahmen ergriffen werden.“RechtsklickOder Verknüpfungsschlüssel:

Lassen Sie uns nun sehen, wie Sie den Quellcode ausblenden, wenn der Benutzer die folgende Option verwendet.

Der Snippet oben zeigt eine andere Möglichkeit zum Öffnen “EntwicklerwerkzeugeAnders als mit der rechten Maustaste und Hotkeys.

Verwenden Sie die angegebenen Schritte, um den JavaScript -Code vor dieser Option aus dieser Option auszublenden:

Schritt 1: JavaScript -Code
Erstellen Sie eine JavaScript -Datei für den JavaScript -Code, der für die Funktion der Seite relevant ist. Hier haben wir eine JavaScript -Datei namens erstelltJSfile.JS, wo der gesamte JavaScript -Code platziert wird:

ALERT ("Der JavaScript -Code ist in Ansichtsquelle nicht sichtbar");

Schritt 2: JavaScript -Code ausblenden
Verstecken Sie nun die JavaScript -Datei, indem Sie diese Codezeilen in a befolgen Schild:

scriptelement = document.CreateLement ("Skript");
Schrift.type = "text/javaScript";
Schrift.src = "JSFile.JS ";
dokumentieren.Körper.appendChild (Schriftstelle);

Im obigen Code -Snippet:

• Erstellen Sie ein neues Skriptelement mit der “CreateLement ()" Methode.
• Fügen Sie die JavaScript -Codedatei hinzu "JSfile.JS”, Im neu erstellten Skriptelement als untergeordnetes Element, indem Sie das aufrufen“appendChild ()" Methode.

Ausgang

Das obige GIF gibt an, dass in der Seitenleiste der “Quelle"Registerkarte", nachdem Sie das geöffnet haben "Entwickler -Tool", es gibt kein "JS -Datei.JS”, Weil es jetzt ein untergeordnetes Element des Skriptelements ist.

Abschluss

Deaktivieren Sie die Hotkeys, um den JavaScript -Code in der Quelle der Ansicht zu verbergen, wie zStrg+Verschiebung+i","Strg+u" Und "F12Sie werden verwendet, um die Tools des Entwicklers zu öffnen, um den Quellcode anzuzeigen. Oder speichern Sie die JavaScript -Codedatei in einem anderen Skript -Tag. Dieser Beitrag beschreibt den Prozess, um den JavaScript -Code in der Quelle der Ansicht zu verbergen.