Мне было интересно, есть ли инструмент или что-то вроде этого для перехвата функций JavaScript, когда они вызываются на веб-странице, например, скажем, я на веб-странице и нажимаю клавишу со стрелкой вверх, к которой прикреплено событие вызывающий метод для изменения цвета div на красный. Существуют ли какие-либо инструменты, которые могут записывать мне имя вызываемой функции, пока я нажимаю стрелку вверх?
2 ответа
Вы можете использовать Firebug для этого: https://getfirebug.com/
Это очень универсальный плагин Firefox, используемый для разработки и исследования :-)
Затем вы можете использовать функцию "Разбить на следующее" в панели "Сценарий":https://getfirebug.com/wiki/index.php/Script_Panel#Break_On_Next
Это будет показывать вам исполняемый код каждый раз, когда активируется фрагмент кода JavaScript.
Остальная часть функции Firebug также должна позволить вам точно узнать, что вам нужно.
В большинстве браузеров есть инструмент отладчика, похожий на Firebug, и общая комбинация клавиш F12:
- IE: F12
- Chrome: F12 или Ctrl + Shift + I
- Опера: Ctrl + Shift + I
- Firebug: F12
В большинстве из них вы также можете использовать "точку останова" в своем коде JavaScript на лету, и вы также можете написать в консоли javascript напрямую, написав в своем коде javascript что-то вроде: console.log("hello")
.
Вы также можете напрямую взаимодействовать с Dom или загруженными объектами javasript, вызывая их на вкладке "консоль" этого вида инструментов.
Этот вид инструмента разработки также может помочь вам взаимодействовать с CSS.