在特定状态下调试浏览器的建议和提示？

Question

是否有在特定状态下调试浏览器的解决方案？

介绍一个例子：

我想和twitter引导3一起使用typeahead.js，但是这个插件没有可用的样式。因此，我希望通过使用Google (F12)来设计它。

当我开始打字的时候，会出现一个浮动块，上面有建议，我想对它做一个右键点击并检查它的元素，但是每当我点击右键时，这个内容就消失了。

问题来了--我能不能冻结一个浏览器，这样它就不会让js来完成它的工作，所以我可以检查那个浮动窗口吗？

​

​

Answer 1

是的，您可以右键单击DOM树中的元素并强制元素状态。See :hover state in Chrome Developer Tools

您还可以设置一个dom断点：how to set DOM Breakpoints in chrome

您还可以在代码中放置一个断点：Set a javascript breakpoint in code - in chrome?

或js断点：http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/