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

Question

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

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

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

Answer 1

随着建议下拉菜单可见并且DevTools打开,请按F8并切换到DevTools.您将立即在该字段的JS模糊处理程序中断,因此下拉列表将不会被删除,因此您将能够检查其DOM.

Answer 2

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

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

Answer 3

不能代表 Firefox，但在 Chrome 开发人员工具中，您可以通过右键单击开发人员窗口中的元素并选择适当的项目（即“:hover”）来手动触发元素的状态。