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

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

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

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

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

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

Спасибо

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

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

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