Вопрос по javascript, google-chrome-devtools, google-closure-library – Как узнать, какие функции вызываются при нажатии кнопки в консоли Chrome?

Точки останова прослушивателя событий & quot; раздел на правой стороне области отладчика. Откройте это и выберите событие щелчка под «мышью». Смотрите изображение на экране. Затем нажмите на кнопку в приложении, и вы сразу же перейдете к исполняемому коду.

Источники & quot; Вкладка. Если вы ничего не видите, вам может потребоваться нажать «Показать навигатор». кнопка в левом верхнем углу этой вкладки. С открытым навигатором перейдите к файлу, в которомcut() функция определена (в вашем случае этоdemo.html). Когда вы открываете файл, найдите строку, гдеcut() Функция определяется, а затем установить точку останова на первой строке в этой функции. Вы можете установить точку останова, щелкнув номер строки с левой стороны.

После того, как вы установили свои точки останова, сделайте на странице что-нибудь, что вызоветcut() функция и браузер должен прервать выполнение скрипта, как только он войдет вcut() функция (при условии, что ваша точка останова находится на первой строке в пределахcut() функция). С этого момента вы можете использовать элементы управления в правом верхнем углу вкладки, чтобы вводить / выводить код и смотреть, что происходит.

Вот скриншот того, как я это делаю:http://d.pr/i/f6BO

Кроме того, вот отличное видео, в котором рассказывается об использовании инструментов Chrome Dev, включая настройку точек останова:http://www.youtube.com/watch?v=nOEw9iiopwI

Это может быть достигнуто путем:

Go to Profiles Choose first option ('Collect JavaScript CPU Profile') Start it before pressing button 'Cut'

Вы можете щелкнуть правой кнопкой мыши на элементе на вкладке элементов и использовать & apos; break on & apos; сломать, например, модификация подэлемента.https://developer.chrome.com/devtools/docs/javascript-debugging