Comment masquer le code JavaScript dans la source d'affichage

Cacher le code des autres utilisateurs ou développeurs est une tâche importante. Si le développeur ne prend pas de précautions avec son code, il facilite la vie pour les attaquants et les autres programmeurs pour cloner leur code. Mais même si les processus de programmation ou le code source sont un clic supplémentaire loin des attaquants, cela signifie une sécurité supplémentaire.

Ce message décrira le processus pour cacher le code JavaScript dans la source de vue.

Comment masquer le code JavaScript dans la source d'affichage?

Tout d'abord, pour masquer le code JavaScript dans la source de vue, voir 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 pertinent.

La première façon est de «clic-droit"Sur la page et cliquez sur"Afficher la source de la page«Option dans un«menu contextuel"Ou utilisez la clé de raccourci"Ctrl + u»:

Il affichera le code source à part entière 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"Inspecter"Option d'un"menu contextuel"Ou utilisez les touches de raccourci"F12", et "Ctrl + shift + i".

En cliquant sur le "Inspecter”Option, il ouvrira la fenêtre divisée avec des options, où l'utilisateur peut voir le code.

Ajoutons des fonctionnalités 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 ("contextMenu", (e) =>
e.PARVEFAULT ();
, 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 «PARVORDEFAULT ()"Méthode et le définir"FAUX», Ce qui signifie qu'il arrête l'événement / option de clic droit par défaut.

L'extrait de code ci-dessous empêche la clé de raccourci, y compris «Ctrl + shift + i","Ctrl + u" et "F12»:

document.addEventListener ("keydown", (e) =>
si (e.Ctrlkey || e.keyCode == 123)
e.stopPropagation ();
e.PARVEFAULT ();

);

Sortir

Le GIF ci-dessus indique qu'aucune action n'est prise pendant «clic-droit”Ou touches de raccourci:

Maintenant, voyons 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.

Pour masquer le code JavaScript de cette option, utilisez les étapes données:

É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é:

alert ("Le code JavaScript n'est pas visible dans la source de vue");

Étape 2: Masquer le code JavaScript
Maintenant, masquez le fichier javascript en suivant ces lignes de code dans un étiqueter:

Laissez ScriptElement = Document.createElement ("script");
scriptage.type = "text / javascript";
scriptage.src = "jsfile.js ";
document.corps.APPENDCHILD (ScriptElement);

Dans l'extrait de code ci-dessus:

• Créez un nouvel élément de script, en utilisant le «CreateElement ()" méthode.
• Ajouter le fichier de code JavaScript "Jsfile.js», Dans l'élément de script nouvellement créé en tant qu'élément enfant en appelant le«APPENDCHILD ()" méthode.

Sortir

Le GIF ci-dessus indique que dans la barre latérale du «Source”Tab, après avoir ouvert le«Outil de développeurs", il n'y a pas "Fichier js.js», Car c'est maintenant un élément enfant de l'élément de script.

Conclusion

Pour masquer le code JavaScript dans la source de vue, désactivez les raccourcis clavier tels que «Ctrl + shift + i","Ctrl + u" et "F12"Qui sont utilisés pour ouvrir les outils du développeur pour afficher le code source et le menu contextuel-cliquez avec le bouton droit sur la page Web. Ou stockez le fichier de code JavaScript dans une autre balise de script. Cet article décrit le processus de cachette du code JavaScript dans la source de vue.