web-development-kb-es.site

¿Cómo lanzar el depurador de JavaScript en Google Chrome?

Al usar Google Chrome, quiero depurar algo de código JavaScript. ¿Cómo puedo hacer eso?

394
Kevin Driedger

Windows: CTRL-SHIFT-J OR F12

Mac: --J

También disponible a través del menú de herramientas (Herramientas> Consola de JavaScript):

JavaScript Console Menu

307
John Sheehan

Intenta agregar esto a tu fuente:

debugger;

Funciona en la mayoría, si no en todos los navegadores. Simplemente colóquelo en algún lugar de su código, y actuará como un punto de interrupción.

385
Omer van Kloeten

Windows y Linux:

Ctrl + Shift + I claves para abrir las herramientas del desarrollador

Ctrl + Shift + J para abrir las Herramientas del desarrollador y enfocar la Consola.

Ctrl + Shift + C para alternar el modo Inspeccionar elemento.

Mac:

 +  + I claves para abrir las herramientas del desarrollador

 +  + J para abrir las Herramientas del desarrollador y enfocar la Consola.

 +  + C para alternar el modo Inspeccionar elemento.

Fuente

Otros atajos

54
user629309

Presione el F12 tecla de función en el navegador Chrome para iniciar el depurador de JavaScript y luego haga clic en "Scripts".

Elija el archivo JavaScript en la parte superior y coloque el punto de interrupción en el depurador para el código JavaScript.

14
Balachandar P

Ctrl + Shift + J abre las herramientas del desarrollador.

11
Senyai

En Chrome 8.0.552 en una Mac, puede encontrar esto en el menú Ver/Desarrollador/Consola de JavaScript ... o puede usar Alt+CMD+J.

6
Primc

Aquí puede encontrar los accesos directos para acceder a las herramientas del desarrollador.

https://developer.chrome.com/devtools/docs/shortcuts

5
hernanvicente

Shift + Control + I abre la ventana de la herramienta del desarrollador. Desde la segunda imagen de la parte inferior izquierda (que parece lo siguiente) abrirá/ocultará la consola para usted:

Show Console

2
Premanshu

Para abrir el panel 'Consola' dedicado, ya sea:

  • Usa los atajos de teclado
    • En Windows y Linux: Ctrl + Shift + J
    • En Mac: Cmd + Option + J
  • Seleccione el icono del menú de Chrome, menú -> Más herramientas -> Consola de JavaScript . O si las herramientas de desarrollo de Chrome ya están abiertas, press la pestaña ‘Console’.

Por favor refiérase aquí

2
Venkat

Para usuarios de Mac, vaya a Google Chrome -> menu Ver -> Desarrollador -> Consola JavaScript .

Screenshot

1
Neo123

Ahora Google Chrome ha introducido una nueva característica. Al utilizar esta función, puede editar su código en chrome browse. (Cambio permanente en la ubicación del código)

Para eso Presione F12 -> Ficha Fuente - (lado derecho) -> Sistema de archivos - en el que seleccione su ubicación de código. y luego el navegador Chrome le pedirá permiso y después ese código se hundirá con el color verde. y puede modificar su código y también se reflejará en su ubicación de código (Significa que será un cambio permanente)

Gracias

1
stackinfostack

La forma más eficiente que he encontrado para llegar al depurador de javascript es ejecutando esto:

chrome://inspect

0
Nestor Urquiza