鼠标:hover伪类、onmouseenter事件怎么模拟/调试?

发布于 2022-09-12 00:03:34 字数 306 浏览 17 评论 0

看别人页面有一个“弹出框”想研究于是我Chrome-右键-检查,可鼠标一旦移走它就消失了,有时DOM树也变了,给调试带来麻烦,希望“弹出框”能一直弹出不要缩回去。

我目前知道对于使用:hover伪类实现的效果,可以在开发者工具模拟,如下图勾选:hover选项。
image.png

但是想问使用DOM事件如onmouseenter实现的效果,要怎么模拟调试?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

错々过的事 2022-09-19 00:03:34

如果你绑定事件是用element.onmouseenter = function() {...}
那你控制台主动调这个函数就行 element.onmouseenter();
如果你是用addEventListener绑定那可以这么调getEventListeners(element).mouseenter[0].listener()
又或者element.dispatchEvent(new MouseEvent('mouseenter'))
dispatchEvent不论on或者是add绑定的事件都会触发

一笑百媚生 2022-09-19 00:03:34

selenium + scrapy+ webdirver 自动脚本化调试

或用够浪的web抓取框架ferret + 谷歌的cdp 书写FQL(类似于sql)声明式指令测试

め七分饶幸 2022-09-19 00:03:34

用快捷键进入抓取模式 mac下是cmd+shift+c

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文