我正在寻找一种方法来“冻结”一个页面,这样我就可以检查出现的元素,例如当我悬停在一个字段。
我知道答案在这里:Firebug: How to inspect elements changing with mouse movements?
但这仅限于CSS :hover
选择器触发的事件。
我正在寻找一个更通用的解决方案,也将与从JavaScript显示的元素。
我正在寻找一种方法来“冻结”一个页面,这样我就可以检查出现的元素,例如当我悬停在一个字段。
我知道答案在这里:Firebug: How to inspect elements changing with mouse movements?
但这仅限于CSS :hover
选择器触发的事件。
我正在寻找一个更通用的解决方案,也将与从JavaScript显示的元素。
4条答案
按热度按时间brvekthn1#
一个选项是在特定事件时触发Chrome调试器。例如,您可以侦听文档主体上的
mousedown
事件,或按键等。开发工具需要在触发事件之前打开。字符串
MasterScrat建议的另一个方便的选择是使用计时器:
型
lbsnaicq2#
Firefox在检查器中有一个“break on...”选项-右键单击检查器中的一个元素,选择“break on -> attribute modification”,然后当你为该元素修改DOM时,调试器为您调用。然后您可以使用检查器查看更改,其中一个问题是网页被冻结(即不可选择),但您仍然可以使用检查器选择元素。
iaqfqrcu3#
打开Firefox开发者工具(F12)后,选择浏览器标签。按F8是暂停页面执行的快捷方式,可以检查显示的元素,包括JavaScript显示的元素。
ejk8hzay4#
在Chromium中,将鼠标放在元素上,然后-> Ctrl-Shift + C