Hvordan skjule JavaScript -kode i visningskilde

Å skjule kode fra andre brukere eller utviklere er en viktig oppgave. Hvis utvikleren ikke tar forholdsregler med koden sin, gjør de livet enkelt for angripere og andre programmerere å klone koden sin. Men selv om programmeringsprosessene eller kildekoden er ett ekstra klikk unna angriperne, betyr det ekstra sikkerhet.

Dette innlegget vil beskrive prosessen for å skjule JavaScript -koden i visningskilden.

Hvordan skjule JavaScript -kode i visningskilde?

For det første, for å skjule JavaScript -koden i visningskilden, se hvordan du åpner visningskilden i utviklerens verktøy. På websiden er det flere måter å åpne visningskilden og se den aktuelle koden.

Den første måten er å "Høyreklikk”På siden og klikk på“Vis sidekilde”Alternativ i et“kontekstmenyen”Eller bruk hurtigtasten”Ctrl+u”:

Den vil vise fullverdig kildekode på siden i en ny fane som vist nedenfor:

Den andre måten er å "Høyreklikk”På siden og klikk på“Undersøke”Alternativ fra et“kontekstmenyen”Eller bruk hurtigtastene”F12”, Og“Ctrl+Shift+I”.

Mens du klikker på “Undersøke”Alternativ, det vil åpne det undergitte vinduet med alternativer, der brukeren kan se koden.

La oss legge til funksjonalitet for å forhindre at høyreklikk og hurtigtaster på en webside åpner “Vis sidekilde”Alternativ.

Bruk kodelinjene for å forhindre høyreklikk på en webside:

dokument.AddEventListener ("ContextMenu", (e) =>
e.PreventDefault ();
, falsk);

Ovennevnte kodebit:

• Først, påkalle “AddEventListener ()”Metode ved å gi referansen til“kontekstmenyen”.
• Deretter, ring "PreventDefault ()”Metode og sett den”falsk”, Som betyr at det stopper standard høyreklikkhendelse/alternativ.

Kodebiten nedenfor forhindrer hurtigtasten inkludert "Ctrl+Shift+I”,“Ctrl+u”Og”F12”:

dokument.AddEventListener ("KeyDown", (e) =>
hvis (e.Ctrlkey || e.Keycode == 123)
e.stopPropagation ();
e.PreventDefault ();

);

Produksjon

Ovennevnte GIF indikerer at det ikke gjøres noen handlinger under "Høyreklikk”Eller snarveisnøkler:

La oss nå se hvordan du skjuler kildekoden hvis brukeren bruker alternativet nedenfor.

Utdraget over viser en annen måte å åpne “Utviklerverktøy”Annet enn høyreklikk og hurtigtaster.

For å skjule JavaScript -koden for dette alternativet, bruk de gitte trinnene:

Trinn 1: JavaScript -kode
Opprett en JavaScript -fil for JavaScript -koden som er relevant for sidens funksjonalitet. Her opprettet vi en JavaScript -fil som heter “Jsfile.JS, Hvor all JavaScript -koden skal plasseres:

Varsel ("JavaScript -koden er ikke synlig i visningskilde");

Trinn 2: Skjul JavaScript -kode
Skjul nå JavaScript -filen ved å følge disse kodelinjene i en stikkord:

La ScriptElement = dokument.CreateElement ("Script");
ScriptElement.type = "tekst/javascript";
ScriptElement.src = "jsfile.JS ";
dokument.kropp.AppendChild (ScriptElement);

I ovennevnte kodebit:

• Lag et nytt skriptelement, ved å bruke “CreateElement ()”Metode.
• Legg til JavaScript -kodefilen "Jsfile.JS”, I det nyopprettede skriptelementet som et barnelement ved å kalle“vedlegg ()”Metode.

Produksjon

Ovennevnte GIF indikerer at i sidefeltet til “Kilde”Tab, etter å ha åpnet“Utviklersverktøy", det er ingen "JS -fil.JS”, Fordi det nå er et barnelement i skriptelementet.

Konklusjon

For å skjule JavaScript -koden i visningskilden, deaktiver hurtigtaster som "Ctrl+Shift+I”,“Ctrl+u”Og”F12”Som brukes til å åpne utviklerens verktøy for å se kildekoden, og høyreklikk-hurtigmenyen på websiden. Eller lagre JavaScript -kodefilen i en annen skriptkode. Dette innlegget beskriver prosessen for å skjule JavaScript -koden i visningskilden.