Cómo ocultar el código JavaScript en la fuente de la vista

Ocultar código de otros usuarios o desarrolladores es una tarea importante. Si el desarrollador no toma precauciones con su código, facilita la vida de los atacantes y otros programadores clonar su código. Pero incluso si los procesos de programación o el código fuente están a un clic adicional de los atacantes, eso significa seguridad adicional.

Esta publicación describirá el proceso para ocultar el código JavaScript en la fuente de vista.

Cómo ocultar el código JavaScript en la fuente de la vista?

Primero, para ocultar el código JavaScript en la fuente de la vista, consulte cómo abrir la fuente de vista en la herramienta del desarrollador. En la página web, hay varias formas de abrir la fuente de vista y ver el código relevante.

La primera forma es "botón derecho del ratón"En la página y haga clic en el"Ver código fuente"Opción en un"Menú de contexto"O use la tecla de acceso directo"Ctrl+u":

Mostrará el código fuente completo de la página en una nueva pestaña como se muestra a continuación:

La segunda forma es "botón derecho del ratón"En la página y haga clic en el"Inspeccionar"Opción de un"Menú de contexto"O use las teclas de acceso directo"F12", y "Ctrl+Shift+I".

Al hacer clic en el "Inspeccionar"Opción, abrirá la ventana dada a continuación con opciones, donde el usuario puede ver el código.

Agreguemos funcionalidad para evitar que el clic derecho y las teclas de acceso rápido en una página web abran el "Ver código fuente" opción.

Use las líneas de código a continuación para evitar el clic derecho en una página web:

documento.addEventListener ("contextMenu", (e) =>
mi.prevenDefault ();
, FALSO);

El fragmento de código anterior:

• Primero, invoca el "addEventListener ()"Método al pasar la referencia del"Menú de contexto".
• Entonces, llame al "PreventDefault ()"Método y configúrelo"FALSO", Lo que significa que detiene el evento/opción predeterminado de clic derecho.

El siguiente fragmento de código evita la tecla de acceso directo que incluye "Ctrl+Shift+I","Ctrl+u" y "F12":

documento.addEventListener ("Keydown", (e) =>
if (e.CtrlKey || mi.KeyCode == 123)
mi.stopPropagation ();
mi.prevenDefault ();

);

Producción

El GIF anterior indica que no se toman medidas durante "botón derecho del ratón"O claves de atajo:

Ahora, veamos cómo ocultar el código fuente si el usuario usa la opción a continuación.

El fragmento de arriba muestra otra forma de abrir "Herramientas de desarrollo"Aparte de hacer clic derecho y teclas de acceso rápido.

Para ocultar el código JavaScript de esta opción, use los pasos dados:

Paso 1: código JavaScript
Cree un archivo JavaScript para el código JavaScript relevante para la funcionalidad de la página. Aquí, creamos un archivo JavaScript llamado "Jsfile.js, Donde se colocará todo el código JavaScript:

alerta ("El código JavaScript no es visible en la fuente de la vista");

Paso 2: Ocultar código JavaScript
Ahora, oculte el archivo JavaScript siguiendo estas líneas de código en un etiqueta:

Dejar scriptElement = documento.createElement ("script");
guionista.type = "text/javaScript";
guionista.src = "jsfile.JS ";
documento.cuerpo.appendChild (scriptelement);

En el fragmento de código anterior:

• Cree un nuevo elemento de script, usando el "createElement ()" método.
• Agregue el archivo de código JavaScript "Jsfile.js", En el elemento de script recién creado como un elemento infantil llamando al"añadir Niño()" método.

Producción

El GIF anterior indica que en la barra lateral de la "Fuente"Tab, después de abrir el"Herramienta de desarrolladores", no hay "Archivo js.js", Porque ahora es un elemento infantil del elemento de script.

Conclusión

Para ocultar el código JavaScript en la fuente de vista, deshabilite las teclas de acceso rápido como "Ctrl+Shift+I","Ctrl+u" y "F12"Que se utilizan para abrir las herramientas del desarrollador para ver el código fuente y el menú contextual de clic derecho en la página web. O almacene el archivo de código JavaScript en otra etiqueta de script. Esta publicación describe el proceso para ocultar el código JavaScript en la fuente de vista.