Отладка jQuery с помощью Firebug

Question

Я видел множество старых сообщений о том, как попытаться отладить jQuery в Firebug. У кого-то еще есть хороший путь, потому что я не вижу ни одного, который бы работал.

Answer 1

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

Вы используете вкладку скриптов из окна Firebug. Посмотрите вверху вы видите консоль , html , css , script DOM и т. Д. Вы хотите выбрать тег script , затем ниже, что в невероятно маленьком шрифте есть еще одна строка вкладок, первая по умолчанию статическая, а вторая - выпадающий список всех компонентов, которые имеют JavaScript. Выберите тот, который вы хотите отладить, и перейдите слева от него и нажмите на поле рядом с линией, которую вы хотите установить точку останова. Красный круг все еще появляется там. Теперь справа есть стрелки для входа, перехода и т. Д., А справа от этого вы можете наблюдать за переменными.

Answer 2

Во-первых, убедитесь, что вы не используете свернутую или упакованную версию jQuery. Это было бы практически невозможно отладить. Далее я обнаружил, что это помогает пройти хотя бы один раз, чтобы вы знали, где устанавливать точки останова в коде jQuery. Вы также можете разорвать цепочку любых операторов jQuery в вашем коде и назначить промежуточные результаты переменным, которые вы можете проверить. Кроме этого, я с @Chad. У меня не было много проблем при отладке моего кода на основе jQuery.

Answer 3

Попробуйте этот плагин . Он предназначен специально для отладки javascript на основе jquery в Firebug. Позволяет переходить в цепочечные события и регистрировать их в консоли.

Answer 4

Вы, вероятно, также захотите перепроверить большую часть своего кода с помощью документации jQuery . Код jQuery выглядит соблазнительно знакомым, но имеет несколько очень странных парадигм программирования, которые производят то, что фактически является шумом, когда не учитывается.