Questo post descriverà il processo per nascondere il codice JavaScript nella vista sorgente.
Come nascondere il codice JavaScript in Visualizza sorgente?
Innanzitutto, per nascondere il codice JavaScript nella vista sorgente, guarda come aprire la vista sorgente nello strumento per sviluppatori. Sulla pagina web, ci sono diversi modi per aprire la vista sorgente e vedere il codice pertinente.
Il primo modo è “ fare clic con il pulsante destro del mouse ' nella pagina e fare clic su ' Visualizza sorgente pagina ” opzione in un “ menù contestuale ” o usa il tasto scorciatoia “ Ctrl+U ”:
Mostrerà il codice sorgente completo della pagina in una nuova scheda come mostrato di seguito:
Il secondo modo è “ fare clic con il pulsante destro del mouse ' nella pagina e fare clic su ' Ispezionare ” opzione da un “ menù contestuale ” o usa i tasti scorciatoia “ F12 ', e ' Ctrl+Maiusc+I ”.
Facendo clic su ' Ispezionare ” opzione, si aprirà la finestra indicata di seguito con le opzioni, in cui l'utente può vedere il codice.
Aggiungiamo funzionalità per impedire che il clic destro e i tasti di scelta rapida su una pagina Web aprano il ' Visualizza sorgente pagina ' opzione.
Utilizzare le seguenti righe di codice per impedire il clic destro su una pagina Web:
documento. addEventListener ( 'menù contestuale' , ( e ) => {e. preventPredefinito ( ) ;
} , falso ) ;
Il frammento di codice sopra:
- Innanzitutto, invoca il ' addEventListener() ” metodo passando il riferimento del “ menù contestuale ”.
- Quindi, chiama il ' preventDefault() ” metodo e impostalo “ falso ”, il che significa che interrompe l'evento/opzione predefinita del clic con il pulsante destro del mouse.
Il seguente frammento di codice impedisce al tasto di scelta rapida di includere ' Ctrl+Maiusc+I ”, “ Ctrl+U ' e ' F12 ”:
documento. addEventListener ( 'tasto abbassato' , ( e ) => {Se ( e. ctrlKey || e. chiave == 123 ) {
e. stopPropagation ( ) ;
e. preventPredefinito ( ) ;
}
} ) ;
Produzione
La GIF sopra indica che non viene intrapresa alcuna azione durante ' fare clic con il pulsante destro del mouse ' 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 clic con il tasto destro e ai tasti di scelta rapida.
Per nascondere il codice JavaScript da questa opzione, utilizzare i passaggi indicati:
Passaggio 1: codice JavaScript
Crea un file JavaScript per il codice JavaScript relativo alla funzionalità della pagina. Qui, abbiamo creato un file JavaScript chiamato ' JSfile.js , dove verrà inserito tutto il codice JavaScript:
Passaggio 2: nascondi il codice JavaScript
Ora nascondi il file JavaScript seguendo queste righe di codice in a
scriptElement. genere = 'testo/javascript' ;
scriptElement. src = 'JSfile.js' ;
documento. corpo . appendChild ( scriptElement ) ;
Nello snippet di codice sopra:
- Crea un nuovo elemento di script, utilizzando il ' creaElemento() ' metodo.
- Aggiungi il file di codice JavaScript ' JSfile.js ”, nell'elemento script appena creato come elemento figlio chiamando il metodo “ appendChild() ' metodo.
Produzione
La GIF sopra indica che nella barra laterale del ' Fonte ” scheda, dopo aver aperto il “ Strumento per sviluppatori ', Non c'è ' JS file.js ”, perché ora è un elemento figlio dell'elemento script.
Conclusione
Per nascondere il codice JavaScript nella vista sorgente, disabilita i tasti di scelta rapida come ' Ctrl+Maiusc+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 di script. Questo post descrive il processo per nascondere il codice JavaScript nella vista sorgente.