Cómo evitar que los usuarios normales abran las herramientas de desarrolladores de Chrome en el navegador con JavaScript

No puede evitar que los usuarios abran las herramientas del desarrollador en el navegador, eso es seguro. Al final de todo, siempre podrán abrirlo a través de la configuración del navegador y seleccionando Herramientas de desarrollo. 

Hubo una discusión interesante sobre esto en 2014, ya que Facebook pudo bloquear totalmente la ventana de herramientas de desarrollador cuando el usuario la abrió. Aunque lo logran, esto se corrigió en todos los navegadores después de un tiempo, ya que el desarrollador no debería poder deshabilitar esta ventana. 

Sin embargo, por supuesto, puede bloquear la mayoría de las formas predeterminadas de abrirlo. Estas formas predeterminadas son:

  • A través del menú contextual del navegador (al hacer clic derecho sobre el documento).
  • Mediante el atajo de teclado ( CtrlShiftI).

Si todavía está interesado en bloquear las funciones mencionadas, el siguiente fragmento de JavaScript será suficiente:

window.oncontextmenu = function () {
    return false;
};

document.addEventListener("keydown", function(event){
    var key = event.key || event.keyCode;

    if (key == 123) {
        return false;
    } else if ((event.ctrlKey && event.shiftKey && key == 73) || (event.ctrlKey && event.shiftKey && key == 74)) {
        return false;
    }
}, false);

Lo primero que hace este script es deshabilitar el menú contextual del navegador con la primera función. Luego, se adjunta un detector de eventos al documento, por lo que cuando el usuario presiona una tecla especial, específicamente la combinación requerida para mostrar las herramientas del desarrollador a través del atajo de teclado ( CtrlShiftI), no hará nada.

Que te diviertas ❤️!

Esto podria interesarte

Conviertete en un programador más sociable