锁定浏览器以解决javascript和css问题


1

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

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

我目前通过编辑JavaScript并注释掉un-hoover来做到这一点。

在显示弹出窗口后以某种方式锁定浏览器会很不错,因此我可以导航到弹出窗口(并且没有弹出窗口消失)并检查HTML和CSS。

这可以用任何标准浏览器(即chrome,firefox / firebug等)吗?如果是这样,怎么样?

谢谢

Answers:


1

如果你有Firefox:

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

浏览器将保持它直到刷新。

截图


仅适用于CSS,但不适用于基于JavaScript的悬停效果。
ThiefMaster 2013年

虽然有两个建议,但是当我看不到代码时很难提供帮助:
MichałSacharewicz2013年

(a)尝试通过CSS控制弹出窗口。你可以。创建<span classs="TextWithTooltip">Text with hoover effect<span>Tooltip Text</span></span>,然后控制子跨度的外观(.TextWithTooltip:hover>span { display: block; position: relative; }
MichałSacharewicz2013年

谢谢Michal,你是如何打开你展示的下拉菜单:hover等?
user1032531 2013年

(b)您可以通过课程分配来控制工具提示的可见性,为了简单起见,.invisible可以完成工作; 然后通过display:none在该类中禁用,您将立即看到所有工具提示。
MichałSacharewicz2013年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.