Select组件选中调试,Tooltip组件hover调试技巧分享
问题
你是否有遇到
- Select 无法选中 Option调试 ?
- Popover 无法审查元素?
- Tooltip无法审查元素?
以antd为例,实现效果
通过一些技巧,我们可以快速选中 Select 元素的 Options 属性。
方法1
前提:Chome浏览器需要设置为English模式,中文语言的浏览器,中文的不行
Step1: 打开浏览器控制台
Step2: Command
+ Shift
+ P
Step3: 输入 focus 模糊查询,选中 Emulate a foucsed page
并开启
此时hover下拉菜单移入调试器下拉菜单就没有消失了,开始愉快的调试
###方法2
如果遇到Tootip时鼠标移到调试器还是消失,Tooltip
解决方案:
Step1
控制台输入以下代码, 利用debugger
的方式卡住断点
setTimeout(()=>{debugger},2000)
Step2
调试器中搜索你想要找的Tootil文本,方可找到对应的dom元素,然后就可以愉快的调试了,Select也可兼用