заблокировать браузер для устранения неполадок JavaScript и CSS

Question

Допустим, я создал некоторую всплывающую подсказку, которая отображает всплывающее окно, когда курсор находится над данной частью страницы, и удаляет его, когда я перемещаю мышь. Для примера, смотрите http://jsbin.com/aCoboQo/1 и попробуйте навести курсор мыши на всплывающее окно.

Теперь я хочу решить проблему и проверить CSS с помощью Firebug или другого подобного инструмента.

В настоящее время я занимаюсь этим, отредактировав JavaScript и закомментировав вывод.

Было бы неплохо как-то заблокировать браузер после показа всплывающего окна, чтобы затем я мог перейти к всплывающему окну (и при этом всплывающее окно не исчезло) и проверить HTML и CSS.

Возможно ли это с любым стандартным браузером (например, Chrome, Firefox / Firebug и т.д.)? Если так, то как?

Спасибо

Answer 1

Если у вас есть Firefox:

1. выберите объект
2. щелкните правой кнопкой мыши, выберите Inspect element из выпадающего меню
3. после "проверки" разверните другое раскрывающееся меню (как показано на прикрепленном экране)
4. Теперь вы можете выбрать и удерживать желаемое состояние (то есть :hover)

Браузер будет держать его до обновления.