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

Question

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

介绍一个例子：

我想将typeahead.js与twitter bootstrap 3一起使用，但该插件没有可用的样式。所以我希望使用 Google Chrome DevTool（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/