Deshabilitar JavaScript en las herramientas para desarrolladores de Google Chrome

Usa Chrome DevTools para comprobar cómo se comporta un sitio web o una aplicación web con JavaScript desactivado

Usa Chrome DevTools para comprobar cómo se comporta un sitio web o una aplicación web con JavaScript desactivado, sin instalar una extensión para el navegador. Puedes acceder al control desde la configuración de DevTools o buscarlo en el menú de comandos. Los pasos siguientes usan la interfaz en inglés; los nombres y la ubicación de los menús pueden variar según la versión de Chrome. Ambos métodos requieren que DevTools esté abierto. Usa la ruta de configuración para explorar las preferencias disponibles o el menú de comandos para buscar directamente el control.

Desactivar JavaScript en Chrome manualmente desde el panel de configuración

El panel de configuración incluye una casilla para desactivar JavaScript. Abre DevTools en la pestaña donde estás inspeccionando el sitio y busca esa casilla para marcarla. Después, vuelve a cargar la página para que se ejecute con la configuración aplicada. Compara el resultado con el de la misma página y los mismos pasos de prueba cuando JavaScript está activado.

Abrir las herramientas para desarrolladores en la pestaña deseada

Abre el menú de tres puntos de Chrome y elige More tools > Developer tools (Más herramientas > Herramientas para desarrolladores). También puedes pulsar Ctrl+Shift+I en Windows o Linux, o Command+Option+I en Mac. En muchos teclados también puedes usar F12. El funcionamiento de los atajos depende del sistema operativo y la configuración del teclado, así que usa el menú de tres puntos si un atajo no abre DevTools. En algunos teclados compactos, quizá tengas que mantener pulsada Fn para enviar una tecla de función.

Abrir el panel de configuración de las herramientas para desarrolladores

Con DevTools abierto, selecciona el icono del engranaje para abrir su panel de configuración. También puedes pulsar F1 mientras DevTools tiene el foco. Si F1 abre la ayuda de Chrome, haz clic dentro de DevTools y vuelve a probar. El icono del engranaje sigue disponible si el sistema gestiona el atajo de otra manera.

Desactivar JavaScript marcando la casilla Disable JavaScript

En la configuración, selecciona la pestaña Preferences (Preferencias). Desplázate hasta la sección Debugger (Depurador) y marca Disable JavaScript (Desactivar JavaScript). Si las etiquetas en inglés o su ubicación son distintas en tu versión de Chrome, busca “JavaScript” en el campo de búsqueda de la configuración. Antes de volver a la página, comprueba que la casilla esté marcada y, después, vuelve a cargarla para comparar su comportamiento. Cuando termines, desmarca Disable JavaScript antes de continuar con otras pruebas para que JavaScript vuelva a estar disponible. Mantén la página y los pasos de prueba iguales en ambas comparaciones y anota las diferencias que observes. Así será más fácil identificar los cambios relacionados con la ejecución de la página sin JavaScript.

Desactivar JavaScript en Chrome mediante el menú de comandos

El menú de comandos permite buscar el control para desactivar JavaScript. Con DevTools abierto, pulsa Ctrl+Shift+P en Windows o Linux, o Command+Shift+P en Mac. Escribe JavaScript en el menú y selecciona Disable JavaScript (Desactivar JavaScript) en los resultados. Vuelve a la página y recárgala para examinar el resultado.

Si el comando no aparece, comprueba primero que DevTools esté abierto y que el menú de comandos tenga el foco. Vuelve a buscar JavaScript o usa la ruta del panel de configuración para encontrar la casilla directamente. Ambas rutas permiten acceder al control de DevTools. Los nombres y la ubicación de los menús, así como el funcionamiento de los atajos, pueden variar según la versión de Chrome y la plataforma; sigue la interfaz que aparece en tu instalación. Para que la comparación sea útil, registra el estado de la página antes y después de desactivar JavaScript y mantén iguales las demás condiciones de prueba.