无法检查/调试自动完成选项元素

Question

我有一个城市名称的自动完成下拉框，

当我尝试使用右键单击Inspect Element检查其中一个选项元素时，下拉菜单会消失，inspect element会将我带到原始页面的主页。

如何使用firebug inspect element检查下拉菜单？

Answer 1

显示建议下拉菜单并打开DevTools，按 F8 并切换到DevTools。您将立即在该字段的JS模糊处理程序中断，因此不会删除下拉列表，因此您将能够检查其DOM。

Answer 2

Edit HTML right click menu Chrome Dev Tool

在Chrome开发工具中，您可以右键单击您键入地址的输入，向下滚动到“Break On ...”并选择子树修改。

返回您的输入并开始输入。它应该暂停应用程序，留下您打开的建议下拉菜单。

Answer 3

不能代表Firefox，但在Chrome开发者工具中，您可以通过右键单击开发人员窗口中的元素并选择相应的项目来手动触发元素上的状态（即＆＃39;：悬停＆＃39）。