Esta publicación describirá el proceso para ocultar el código JavaScript en el código fuente de la vista.
¿Cómo ocultar el código JavaScript en Ver código fuente?
En primer lugar, para ocultar el código JavaScript en el código fuente de la vista, vea cómo abrir el código fuente de la vista en la herramienta del desarrollador. En la página web, hay varias formas de abrir la vista fuente 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 atajo “ Control + 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 utilice las teclas de acceso directo “ F12 ', y ' Ctrl+Mayús+I ”.
Al hacer clic en el ' Inspeccionar ”, abrirá la ventana con opciones que se muestra a continuación, 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 siguientes líneas de código para evitar el clic derecho en una página web:
documento. agregarEventListener ( 'Menú de contexto' , ( y ) => {y. prevenirPredeterminado ( ) ;
} , falso ) ;
El fragmento de código anterior:
- Primero, invoque el “ agregarEventListener() ” pasando la referencia del “ Menú de contexto ”.
- Luego, llame al “ prevenirPredeterminado() 'Método y configurarlo' falso ”, lo que significa que detiene el evento/opción de clic derecho predeterminado.
El siguiente fragmento de código evita que la tecla de método abreviado incluya ' Ctrl+Mayús+I ”, “ Control + U ' y ' F12 ”:
documento. agregarEventListener ( 'teclado' , ( y ) => {si ( y. tecla ctrl || y. clave == 123 ) {
y. detener la propagación ( ) ;
y. prevenirPredeterminado ( ) ;
}
} ) ;
Producción
El GIF anterior indica que no se realiza ninguna acción durante “ botón derecho del ratón ” o teclas de acceso directo:
Ahora, veamos cómo ocultar el código fuente si el usuario usa la siguiente opción.
El fragmento anterior muestra otra forma de abrir ' Herramientas de desarrollo ” además de hacer clic con el botón derecho y teclas de acceso rápido.
Para ocultar el código JavaScript de esta opción, siga 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:
Paso 2: ocultar código JavaScript
Ahora, oculta el archivo JavaScript siguiendo estas líneas de código en un