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

Question

Cuando el uso de Google Chrome, quiero depurar código JavaScript.¿Cómo puedo hacer eso?

Answer 1

Windows: CTRL-CAMBIO-J O F12

Mac: ⌥-⌘-J

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

Answer 2

Trate de añadir esto a su origen:

debugger;

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

Answer 3

Windows y Linux:

Ctrl + Cambio + Yo las llaves para abrir las Herramientas de desarrollo de

Ctrl + Cambio + J para abrir Herramientas de desarrollo y concentrar la atención en la Consola.

Ctrl + Cambio + C para alternar Inspeccionar Elemento modo.

Mac:

⌥ + ⌘ + Yo las llaves para abrir las Herramientas de desarrollo de

⌥ + ⌘ + J para abrir Herramientas de desarrollo y concentrar la atención en la Consola.

⌥ + ⌘ + C para alternar Inspeccionar Elemento modo.

Fuente

Otros accesos directos

Answer 4

Pulse el F12 la tecla de función en el navegador Chrome para lanzar el depurador de JavaScript y, a continuación, haga clic en "secuencias de comandos".

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

Answer 5

Ctrl + Cambio + J abre Herramientas de desarrollo.

Answer 6

En Chrome 8.0.552 en un Mac, usted puede encontrar esto en el menú Ver/Desarrollador/La Consola De JavaScript ...o usted puede utilizar Alt+CMD+J.

Answer 7

Aquí, usted puede encontrar los accesos directos para acceder a las herramientas de desarrollador.

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

Answer 8

Cambio + Control + Yo abre el Desarrollador de la ventana de la herramienta.Desde la parte inferior izquierda de la segunda imagen (que se parece a la siguiente) abrir/ocultar la consola para usted:

Answer 9

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

• Utilizar los atajos de teclado
  • En Windows y Linux: Ctrl + Cambio + J
  • En Mac: Cmd + Opción + J
• Seleccione el icono de Menú de Chrome, menú -> Más Herramientas -> La Consola De JavaScript.O si las Herramientas para Desarrolladores de Chrome ya están abiertas, press la 'Consola' ficha.

Por favor consulte aquí

Answer 10

Para los usuarios de Mac, vaya a Google Chrome --> menú Ver --> Desarrollador --> La Consola De JavaScript.

Answer 11

Ahora google chrome ha de introducir la nueva característica.Mediante esta función, Usted puede editar el código en chrome examinar.(Cambio permanente en el código de ubicación)

Para ello, Pulse F12 --> Pestaña Fuente -- (lado derecho) --> Archivo de Sistema - en el que, por favor, seleccione la ubicación de código.y, a continuación, el navegador chrome pedirá permiso y después de que el código será disipador de color verde.y usted puede modificar su código y se reflejan también en el código de ubicación (Esto significa un cambio Permanente)

Gracias

Answer 12

La forma más eficaz que he encontrado para llegar a el depurador de javascript es mediante la ejecución de esta:

chrome://inspect

Answer 13

Desde la consola de Chrome, puedes hacer console.log(data_to_be_displayed).