锁定浏览器以排除 javascript 和 css 故障

Question

假设我创建了一些工具提示，当光标放在页面的某个部分时会显示一个弹出窗口，而当我移动鼠标时会将其删除。有关示例，请参阅http://jsbin.com/aCoboQo/1并尝试将鼠标放在弹出窗口上。

我现在希望对其进行故障排除，并需要使用 Firebug 或其他类似工具检查 CSS。

我目前通过编辑 JavaScript 并注释掉非胡佛来解决这个问题。

如果能在弹出窗口显示后以某种方式锁定浏览器就好了，这样我就可以导航到弹出窗口（并且不会让弹出窗口消失）并检查 HTML 和 CSS。

任何标准浏览器（例如 chrome、firefox/firebug 等）都可以实现吗？如果可以，怎么做？

谢谢

Answer 1

如果你使用 Firefox：

1. 选择一个对象
2. 右键单击，Inspect element从下拉菜单中选择
3. 一旦“检查”，展开另一个下拉菜单（如所附屏幕所示）
4. 您现在可以选择并保持所需状态（即:hover）

浏览器将保留该信息直到刷新为止。