Come nascondere il codice JavaScript nella sorgente di visualizzazione

Nascondere il codice da altri utenti o sviluppatori è un compito importante. Se lo sviluppatore non prende precauzioni con il loro codice, rendono la vita facile per gli aggressori e altri programmatori per clonare il loro codice. Ma anche se i processi di programmazione o il codice sorgente sono un ulteriore clic dagli aggressori, ciò significa ulteriore sicurezza.

Questo post descriverà il processo per nascondere il codice JavaScript nella sorgente di visualizzazione.

Come nascondere il codice JavaScript nella sorgente di visualizzazione?

Innanzitutto, per nascondere il codice JavaScript nella fonte di visualizzazione, vedere come aprire la fonte di visualizzazione nello strumento dello sviluppatore. Nella pagina Web, ci sono diversi modi per aprire l'origine di visualizzazione e vedere il codice pertinente.

Il primo modo è "fare clic con il tasto destro"Nella pagina e fai clic su"Visualizza l'origine della pagina"Opzione in un"menù contestuale"O utilizzare la chiave di scelta rapida"Ctrl+u":

Mostrerà l'intero codice sorgente alla pagina completa della pagina in una nuova scheda come mostrato di seguito:

Il secondo modo è "fare clic con il tasto destro"Nella pagina e fai clic su"Ispezionare"Opzione da un"menù contestuale"O usa i tasti di scelta rapida"F12", E "Ctrl+shift+i".

Mentre si fa clic sul “Ispezionare"Opzione, aprirà la finestra di seguito donata con opzioni, in cui l'utente può vedere il codice.

Aggiungiamo funzionalità per evitare che il pulsante destro del mouse e i tasti di scelta rapida su una pagina web aprano "Visualizza l'origine della pagina" opzione.

Utilizzare le righe seguenti del codice per impedire il clic destro su una pagina Web:

documento.addEventListener ("ContextMenu", (e) =>
e.preventDefault ();
, false);

Il frammento di codice sopra:

• Innanzitutto, invoca il “addEventListener ()"Metodo passando il riferimento di"menù contestuale".
• Quindi, chiama il "PreventDefault ()"Metodo e impostalo"falso", Il che significa che interrompe l'evento/opzione predefinito.

Lo snippet di codice seguente impedisce la chiave di scorciatoia compresa "Ctrl+shift+i","Ctrl+u" E "F12":

documento.addEventListener ("keydown", (e) =>
Se (e.ctrlkey || e.keycode == 123)
e.stoppropagation ();
e.preventDefault ();

);

Produzione

La GIF sopra indica che non viene intrapresa alcuna azione durante "fare clic con il tasto destro"O tasti di scelta rapida:

Ora, vediamo come nascondere il codice sorgente se l'utente utilizza l'opzione seguente.

Lo snippet sopra mostra un altro modo per aprire "Strumenti di sviluppo"Oltre al pulsante destro del mouse e dei tasti di scelta rapida.

Per nascondere il codice JavaScript da questa opzione, utilizzare i passaggi dati:

Passaggio 1: codice JavaScript
Crea un file JavaScript per il codice JavaScript rilevante per la funzionalità della pagina. Qui, abbiamo creato un file JavaScript chiamato "Jsfile.js, Dove verrà inserito tutto il codice JavaScript:

avviso ("Il codice JavaScript non è visibile nella sorgente di visualizzazione");

Passaggio 2: nascondi il codice JavaScript
Ora, nascondi il file JavaScript seguendo queste righe di codice in a etichetta:

Let Scriplement = Document.createElement ("script");
sceneggiatura.type = "text/javascript";
sceneggiatura.src = "jsfile.js ";
documento.corpo.AppendChild (Scriplement);

Nel frammento di codice sopra:

• Crea un nuovo elemento di script, usando "createElement ()" metodo.
• Aggiungi il file del codice JavaScript "Jsfile.js", Nell'elemento script appena creato come elemento figlio chiamando"appendChild ()" metodo.

Produzione

La gif sopra indica che nella barra laterale del "Fonte"Scheda, dopo aver aperto il"Strumento per sviluppatori", Non c'è "File js.js", Perché ora è un elemento figlio dell'elemento script.

Conclusione

Per nascondere il codice JavaScript nella sorgente di visualizzazione, disabilita i tasti di scelta rapida come "Ctrl+shift+i","Ctrl+u" E "F12"Che vengono utilizzati per aprire gli strumenti dello sviluppatore per visualizzare il codice sorgente e il menu contestuale del tasto destro sulla pagina web. Oppure memorizza il file di codice JavaScript in un altro tag script. Questo post descrive il processo per nascondere il codice JavaScript nella sorgente di visualizzazione.