Firebug. Как использовать опцию «Break on attribute»

Этот туториал покажет, как исправить позицию выпадающих меню, используя опцию “Break on attribute” в Firebug.

1. Нажмите на иконку Firebug в правом верхнем углу браузера.
2. Выберите “Click an element in the page to inspect” (проверить элемент на странице).

3. Откройте выпадающее меню на сайте и нажмите на него.

4. Во вкладке HTML правой кнопкой нажмите на <li class=” и выберите “Break On Attribute Change”.

5. Обновите страницу (выберите ссылку и нажмите Enter).
6. Наведите курсором на меню, чтобы увидеть следующее:

7. Нажмите F8 или нажмите “Continue” во вкладке Script несколько раз, пока Вы не увидите выпадающее меню открытым.

8. Теперь позиция выпадающего меню зафиксирована и Вы можете изменить его атрибуты.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: