鼠标:hover伪类、onmouseenter事件怎么模拟/调试?
看别人页面有一个“弹出框”想研究于是我Chrome-右键-检查
,可鼠标一旦移走它就消失了,有时DOM树也变了,给调试带来麻烦,希望“弹出框”能一直弹出不要缩回去。
我目前知道对于使用:hover
伪类实现的效果,可以在开发者工具模拟,如下图勾选:hover
选项。
但是想问使用DOM事件如onmouseenter
实现的效果,要怎么模拟调试?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
如果你绑定事件是用element.onmouseenter = function() {...}
那你控制台主动调这个函数就行 element.onmouseenter();
如果你是用addEventListener绑定那可以这么调getEventListeners(element).mouseenter[0].listener()
又或者element.dispatchEvent(new MouseEvent('mouseenter'))
dispatchEvent不论on或者是add绑定的事件都会触发
selenium + scrapy+ webdirver 自动脚本化调试
或用够浪的web抓取框架ferret + 谷歌的cdp 书写FQL(类似于sql)声明式指令测试
用快捷键进入抓取模式 mac下是cmd+shift+c