Расширение Firefox Firebug - Freeze Javascript?

Question

Как я могу заморозить Javascript в firebug, чтобы я мог проверить изменения, внесенные им в html? Если, например, у меня есть эффект ролловера jQuery, и я хочу проверить HTML-код в тот момент времени.

Я полагаю, что Dreamweaver CS4 имеет эту функцию под названием «стоп-код JavaScript» и «живой код». Есть ли бесплатный эквивалент в Firebug или другом расширении Firefox?

Answer 1

Break on mutate (кнопка паузы, когда выбрана вкладка html) - самая близкая вещь, которую я могу найти к этой функции. Это сделает паузу в следующий раз, когда что-то изменится. Это только одно из того, что вы хотите, но может быть полезным.

Answer 2

Под "заморозкой" я предполагаю, что вы имеете в виду отладку, и да, Firebug определенно имеет это.

Сначала вы должны перейти на вкладку Script в Firebug. Если на сайте отключен скрипт, включите его.

Теперь перейдите в раскрывающийся список и выберите, какой файл JavaScript вы хотите отлаживать. Обычно это либо сама страница со встроенным JavaScript, либо связанная страница. Найдите строку кода, которую вы хотите заморозить, и нажмите слева от номера строки. Вы увидите красную точку - эта точка обозначает, что код будет зависать там во время выполнения. Как только код появится, вы можете получить доступ к текущему HTML, перейдя на вкладку «HTML». Вы также увидите, что в верхнем правом углу панели скриптов Firebug загораются значки, позволяющие вам либо продолжить выполнение, либо переходить, либо переходить, либо выходить из каждой строки кода, наблюдая за изменениями HTML для каждой выполняемой строки.

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

Если вам нужна дополнительная помощь, я предлагаю ознакомиться с документацией Firebug , в которой есть несколько хороших руководств.

Answer 3

не совсем функция Firefox, но выглядит достаточно близко (по крайней мере, так, как я понимаю вопрос):

1. Получить CheatEngine
2. Открытый процесс Firefox
3. Установите флажок «Включить Speedhack»
4. Установить скорость на 0
5. Применить
6. Все сценарии теперь эффективно приостановлены

Вы можете проверить это на часах JavaScript здесь .

Я немного разочарован тем, что никто не создал плагин для Firefox, который сделал бы то же самое.

Answer 4

В Firebug перейдите на вкладку скрипта. На вершине вы можете увидеть:

Inspect | all | <filename>

Нажмите, чтобы выбрать файл, содержащий JavaScript, который вы хотите отслеживать. После того, как вы выбрали свой файл, нажмите на номер строки, чтобы поставить точку в точке (появится большая красная точка).

Вы можете поместить несколько точек останова в разные файлы. Точка останова не исчезнет, ​​если вы обновите страницу (F5).

Этот учебник также должен вам помочь.

Answer 5

На вкладке «Сценарий» Firebug вы можете установить точки останова в Javascript, которые позволят вам шагать по коду, устанавливать часы и делать другие вещи, которые вы делали бы в других отладчиках. Вы также можете переключиться на вкладку HTML и посмотреть, какие изменения были внесены, когда Javascript «заморожен».