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

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

15 Kommentare

  1. 314

    Windows: CTRLCAMBIOJ O F12

    Mac: J

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

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

    • Creo el acceso directo ha cambiado desde entonces a CTRL-SHIFT-J.
    • o Cmd-Shift-J para Mac. Dios me encanta este <kbd> etiqueta. Lástima que yo no pueda hacerlo en los comentarios.
    • El atajo parece ser en realidad Alt-Cmd-J en el más reciente de Chrome construir.
    • F12 es la forma más sencilla
    • mirando esta pregunta me hace entender lo mucho mis habilidades de javascript mejorado desde principiante a niveles bastante decente normas
  2. 395

    Tratar de agregar 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.

    • Es difícil encontrar lo que este comando se llama si usted se ha olvidado!
    • También es difícil de google por las razones por las que esto no siempre funciona. Hay limitaciones en esto?
    • Usted necesita tener Herramientas para Desarrolladores de Chrome abierto para que esto funcione (tecla F12 en Windows/Linux, no conoce la clave en un Mac, o simplemente inspeccionar elemento). Si usted tiene las Herramientas para Desarrolladores de abrir, un poco más de la genialidad es el que puede hacer clic y mantenga pulsado el botón Actualizar para borrar la caché.
    • También es super horrible si usted accidentalmente deja esto en un no probado ampliamente codepath, sólo para que sus usuarios se quejan de que toda la página pausar cuando se hace clic en algo. No es que esto me pasó a mí :p (ahora tenemos un paño que no deje de depurador de instrucciones que se fusionaron en desarrollo).
    • Sólo si los usuarios a usar su sitio web con las Herramientas de desarrollo abierto, aunque.
    • Por favor, tenga en cuenta que dejar esto en el código de Producción es muy malo ya que provoca problemas en algunas versiones de IE, incluso para los usuarios que no tienen herramientas dev abierto.
    • Gracias, ¿alguien sabe cómo habilitar la consola directamente bajo el depurador panel? A veces aparece, pero otras veces no, y tengo que cambiar constantemente entre la «Consola» y las «Fuentes» de la ficha donde el depurador está en pausa. EDIT: encontré la manera en que, simplemente pulse la tecla esc en la ficha Fuentes 🙂 link

  3. 55

    Windows y Linux:

    Ctrl + Cambio + yo 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 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

    • En mac, el atajo para cambiar de inspeccionar elemento modo de cambio de ⌘ C (Mayús – Comando – C)
  4. 15

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

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

    • F12 no parecen abrir el depurador en mi sistema Windows 7 con Chrome 23.0.1246.0 dev-m.
    • +1 F12, también funciona para IE, FF, Borde. No hay necesidad de aprender Emacs como combinaciones de teclas. Excepto para Mac.
  5. 6

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

  6. 2

    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:

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

  7. 2

    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.

    Consulte aquí

  8. 1

    Para los usuarios de Mac, vaya a Google Chrome –> menú Ver –> Desarrollador –> la Consola de JavaScript.

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

  9. 1

    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 que Presione F12 –> Ficha Origen — (lado derecho) –> Sistema de Archivos 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

  10. 0

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

    chrome://inspect

  11. 0

    F12
    abre el panel de desarrollador

    CTRL + SHIFT + C
    Se abrirá el pase a inspeccionar la herramienta donde se destacan elementos como pasa el ratón y haga clic en mostrar en la ficha elementos.

    CTRL + MAYÚS + I
    Abre el panel de desarrollador con ficha de la consola de

    HAGA CLIC en > Inspeccionar
    Haga clic derecho sobre cualquier elemento y haga clic en «inspeccionar» para seleccionarlo en la pestaña Elementos del panel de Desarrollador.

    ESC
    Si haces clic derecho y inspeccionar elemento o similar y terminan en los «Elementos» de la ficha mirando el DOM, puede pulsar ESC para activar la consola de arriba y abajo, que puede ser una manera agradable de utilizar ambos.

  12. -5

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

    • Esto no va a abrir la consola. Esto solo registro a la consola.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea