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

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

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

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

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

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

Спасибо

— user1032531
источник

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

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

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

Скриншот

— Михал Сахаревич
источник

Работает только для CSS, но не для эффектов наведения на основе JavaScript.

— ThiefMaster

Трудно помочь, когда я не вижу код, хотя два

— совета

(а) попробуйте контролировать всплывающее окно с помощью CSS. Вы можете т.е. создать <span classs="TextWithTooltip">Text with hoover effect<span>Tooltip Text</span></span>, а затем контролировать внешний вид sub-span ( .TextWithTooltip:hover>span { display: block; position: relative; })

— Михал Сахаревич

Спасибо, Михал. Как вы открыли выпадающий список :hoverи т. Д.?

— user1032531

(б) вы можете альтернативно управлять видимостью всплывающей подсказки с помощью назначения класса, для простоты .invisibleможет сделать эту работу; затем, отключив display:noneэтот класс, вы сразу увидите все всплывающие подсказки.

— Михал Сахаревич