Cet article décrira le processus de masquage du code JavaScript dans la source de la vue.
Comment masquer le code JavaScript dans la vue source ?
Tout d'abord, pour masquer le code JavaScript dans la source de vue, voyez comment ouvrir la source de vue dans l'outil du développeur. Sur la page Web, il existe plusieurs façons d'ouvrir la source de vue et de voir le code correspondant.
La première façon est de ' clic-droit » sur la page et cliquez sur le « Afficher la source de la page ' option dans un ' menu contextuel ' ou utilisez la touche de raccourci ' Ctrl+U ” :
Il affichera le code source complet de la page dans un nouvel onglet, comme indiqué ci-dessous :
La deuxième façon est de ' clic-droit » sur la page et cliquez sur le « Inspecter ' option d'un ' menu contextuel ' ou utilisez les touches de raccourci ' F12 ', et ' Ctrl+Maj+I ”.
En cliquant sur le ' Inspecter ', il ouvrira la fenêtre ci-dessous avec des options, où l'utilisateur peut voir le code.
Ajoutons une fonctionnalité pour empêcher le clic droit et les raccourcis clavier sur une page Web d'ouvrir le ' Afficher la source de la page ' option.
Utilisez les lignes de code ci-dessous pour empêcher le clic droit sur une page Web :
document. addEventListener ( 'menu contextuel' , ( et ) => {et. preventDefault ( ) ;
} , faux ) ;
L'extrait de code ci-dessus :
- Tout d'abord, invoquez le ' addEventListener() ” méthode en passant la référence du “ menu contextuel ”.
- Ensuite, appelez le ' preventDefault() 'méthode et définissez-la' faux ', ce qui signifie qu'il arrête l'événement/l'option de clic droit par défaut.
L'extrait de code ci-dessous empêche la touche de raccourci, y compris ' Ctrl+Maj+I ”, “ Ctrl+U ' et ' F12 ” :
document. addEventListener ( 'touche Bas' , ( et ) => {si ( et. ctrlKey || et. code clé == 123 ) {
et. arrêterPropagation ( ) ;
et. preventDefault ( ) ;
}
} ) ;
Production
Le GIF ci-dessus indique qu'aucune action n'est entreprise pendant ' clic-droit ” ou touches de raccourci :
Voyons maintenant comment masquer le code source si l'utilisateur utilise l'option ci-dessous.
L'extrait ci-dessus montre une autre façon d'ouvrir ' Outils de développement ” autre que le clic droit et les raccourcis clavier.
Pour masquer le code JavaScript de cette option, procédez comme suit :
Étape 1 : Code JavaScript
Créez un fichier JavaScript pour le code JavaScript pertinent pour la fonctionnalité de la page. Ici, nous avons créé un fichier JavaScript appelé ' JSfile.js , où tout le code JavaScript sera placé :
Étape 2 : Masquer le code JavaScript
Maintenant, cachez le fichier JavaScript en suivant ces lignes de code dans un