Как отладить CSS с помощью Firebug для элемента, который появляется только при нажатии?

Question

Я хочу отладить CSS для меню DHTML, но элемент, который я хочу отладить, является подменю, поэтому он появляется только при нажатии на верхний элемент в меню.

Так что я не могу использовать эту кнопку в Firebug, которая показывает CSS для следующего нажатого элемента, потому что когда я нажимаю на элемент верхнего меню, он показывает CSS для этого элемента, а не его дочернего элемента, и если я разверну Сначала в меню, а затем нажмите кнопку Firebug, подменю исчезает (исчезает, когда теряет фокус).

Какие-нибудь советы, как выбраться из этого улова-22?

Answer 1

Используйте командную строку консоли firebug для запуска события click . Например, $('#menutab a').click(); Если это необходимо, вы также можете установить точку останова, чтобы избежать скрытия.

Подробнее в документации клопа

Answer 2

Выберите ваш элемент на вкладке HTML, прямо в источнике.

Затем вы можете навести курсор на свою страницу, чтобы переключить ее.

Answer 3

В подобных случаях я иногда немного изменяю сценарий, чтобы скрытый элемент оставался видимым.

В этом случае я бы, возможно, закомментировал / отключил код скрипта, который скрывает элемент при размытии. Таким образом, вы можете щелкнуть по основному элементу и осмотреть теперь видимый элемент столько времени, сколько потребуется.

Answer 4

В Opera вы можете использовать Dragonfly (Инструменты> Дополнительно> Инструменты разработчика или Ctrl + Shift + i), чтобы решить эту проблему. Когда инструменты активны, нажатие на любую часть страницы приведет к переходу в этот раздел HTML вместе с его CSS.

Answer 5

Как насчет отладки со всеми видимыми кнопками? Или вы все еще можете найти элемент в дереве HTML.