Estoy tratando de enseñar a mí mismo que la de Google Cierre de la biblioteca de javascript. Yo soy el examen de la TreeControl UI widget.

¿Cómo puedo usar Chrome Consola para analizar qué funciones se ejecutan cuando hago clic en el «Corte» botón en la demo? Por ejemplo, puedo de alguna manera establecer un punto de interrupción para que? He intentado ver la fuente y mirando a su alrededor, pero tengo la sensación de que Chrome Consola puede ofrecer un método más sistemático.

https://github.com/google/closure-library/blob/master/closure/goog/demos/tree/demo.html

4 Comentarios

  1. 24

    Con las Herramientas para Desarrolladores de Chrome ventana abierta, haga clic en las «Fuentes» de la ficha. Si usted no ve nada, puede que necesite hacer clic en el «Show Navigator» botón en la esquina superior izquierda de la ficha. Con el navegador abierto, navegue hasta el archivo donde se encuentra el cut() función está definida (en tu caso es demo.html). Cuando usted trae el archivo en la vista, buscar la línea donde el cut() función está definida y, a continuación, establezca un punto de interrupción en la primera línea dentro de dicha función. Usted puede establecer un punto de interrupción, haciendo clic en el número de línea en el lado izquierdo.

    Una vez que usted ha fijado su punto de interrupción(s), hacer algo en la página que daría lugar a la cut() función y el navegador debe interrumpir la ejecución del script tan pronto como se entra en el cut() función (suponiendo que el punto de ruptura está en la primera línea dentro de la cut() función). Desde este punto se pueden utilizar los controles en la parte superior derecha de la ficha para el paso in/out/alrededor de código y ver lo que está pasando.

    Aquí está una captura de pantalla de mí haciendo: http://d.pr/i/f6BO

    También, aquí es un gran video que habla sobre el uso de Chrome Dev tools, incluyendo el establecimiento de puntos de interrupción: http://www.youtube.com/watch?v=nOEw9iiopwI

    • Gracias, establecer puntos de interrupción dentro de cut() y ver la pila de llamadas después de activar el juego funciona muy bien.
    • La captura de pantalla que el enlace está roto.
  2. 95

    Usted puede estar buscando el «Detector de Eventos puntos de interrupción» en el lado derecho del Depurador de la zona. Abrir y seleccione el evento click en «ratón». Ver la imagen de la pantalla. A continuación, haga clic en el botón en la aplicación y podrás ser llevado inmediatamente al código que se está ejecutando.

    ¿Cómo puedo averiguar qué función es llamada cuando se presiona un botón en Chrome Consola?

    • Esto es genial, pero sería agradable ser capaz de saltar de jQuery y se llevan a su función, creo que IE11 tiene este, cuesta creer que el IE tiene una característica que me quiere, que Chrome no
    • Este debe marcar la respuesta correcta.
    • La respuesta perfecta 🙂
    • Serj Sagan – puede saltar cualquier archivo js de ser rastreado por la apertura de herramientas de desarrollador (f12), golpear f1 (configuración), haga clic en el Blackboxing elemento de menú de la izquierda lado, y entrando en el nombre del archivo que desea saltar (como jquery.js). Entonces no se interrumpe con la imposible rastrear biblioteca de javascript de código que no les importa, y puede centrarse en las cosas que USTED (u otro desarrollador) escribió y desea diagnosticar.
  3. 12

    Lo que usted está buscando se llama ‘Perfiles’.

    Puede lograrse por:

    1. Ir a los Perfiles de
    2. Elegir la primera opción («Recoger JavaScript Perfil de CPU’)
    3. Inicio es antes de pulsar el botón «Cortar»
    • Entonces, ¿qué? I. ve clic en la casilla de verificación, pero no pasó nada. Me puede decir qué hacer a continuación?
    • Impresionante sugerencia para ver lo que JS se llama sin saber el nombre de la función.

Dejar respuesta

Please enter your comment!
Please enter your name here