Dette indlæg vil beskrive processen for at skjule JavaScript-koden i visningskilden.
Hvordan skjuler man JavaScript-kode i View Source?
For at skjule JavaScript-koden i visningskilden skal du først se, hvordan du åbner visningskilden i udviklerens værktøj. På websiden er der flere måder at åbne visningskilden og se den relevante kode.
Den første måde er at ' Højreklik ' på siden og klik på ' Vis kildetekst ' mulighed i en ' kontekstmenu ' eller brug genvejstasten ' Ctrl+U ”:
Det vil vise sidens fulde kildekode i en ny fane som vist nedenfor:
Den anden måde er at ' Højreklik ' på siden og klik på ' Inspicere ' valgmulighed fra en ' kontekstmenu ' eller brug genvejstasterne ' F12 ', og ' Ctrl+Shift+I ”.
Mens du klikker på ' Inspicere ” mulighed, vil det åbne nedenstående vindue med muligheder, hvor brugeren kan se koden.
Lad os tilføje funktionalitet for at forhindre, at højreklik og genvejstaster på en webside åbner ' Vis kildetekst ' mulighed.
Brug nedenstående kodelinjer for at forhindre højreklik på en webside:
dokument. addEventListener ( 'kontekstmenu' , ( og ) => {og. forhindreStandard ( ) ;
} , falsk ) ;
Ovenstående kodestykke:
- Først påberåber du ' addEventListener() '-metoden ved at videregive referencen til ' kontekstmenu ”.
- Ring derefter til ' forhindreDefault() ' metode og indstil den ' falsk ”, hvilket betyder, at den stopper standardhændelsen/indstillingen for højreklik.
Nedenstående kodestykke forhindrer genvejstasten inklusive ' Ctrl+Shift+I ', ' Ctrl+U 'og' F12 ”:
dokument. addEventListener ( 'tast ned' , ( og ) => {hvis ( og. ctrl-tasten || og. nøgle kode == 123 ) {
og. stoppropagation ( ) ;
og. forhindreStandard ( ) ;
}
} ) ;
Produktion
Ovenstående GIF angiver, at der ikke foretages nogen handling under ' Højreklik ” eller genvejstaster:
Lad os nu se, hvordan man skjuler kildekoden, hvis brugeren bruger nedenstående mulighed.
Uddraget ovenfor viser en anden måde at åbne ' Udvikler værktøjer ” andet end højreklik og genvejstaster.
For at skjule JavaScript-koden fra denne mulighed skal du bruge de givne trin:
Trin 1: JavaScript-kode
Opret en JavaScript-fil til den JavaScript-kode, der er relevant for sidens funktionalitet. Her oprettede vi en JavaScript-fil kaldet ' JSfile.js , hvor al JavaScript-koden vil blive placeret:
Trin 2: Skjul JavaScript-kode
Skjul nu JavaScript-filen ved at følge disse kodelinjer i en tag:
scriptElement. type = 'tekst/javascript' ;
scriptElement. src = 'JSfile.js' ;
dokument. legeme . vedhæfteBarn ( scriptElement ) ;
I ovenstående kodestykke:
- Opret et nyt scriptelement ved hjælp af ' createElement() ” metode.
- Tilføj JavaScript-kodefilen ' JSfile.js ', i det nyoprettede scriptelement som et underordnet element ved at kalde ' appendChild() ” metode.
Produktion
Ovenstående GIF angiver, at i sidebjælken i ' Kilde ' fanen, efter at have åbnet ' Udviklerværktøj ', der er ingen ' JS file.js ”, fordi det nu er et underordnet element af script-elementet.
Konklusion
For at skjule JavaScript-kode i visningskilden skal du deaktivere genvejstaster som ' Ctrl+Shift+I ', ' Ctrl+U 'og' F12 ”, der bruges til at åbne udviklerens værktøjer for at se kildekoden og højrekliks kontekstmenuen på websiden. Eller gem JavaScript-kodefilen i et andet script-tag. Dette indlæg beskriver processen til at skjule JavaScript-koden i visningskilden.