当前位置: 首页 > article >正文

Select组件选中调试,Tooltip组件hover调试技巧分享

问题

你是否有遇到

  1. Select 无法选中 Option调试 ?
  2. Popover 无法审查元素?
  3. 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也可兼用
在这里插入图片描述


http://www.kler.cn/a/300382.html

相关文章:

  • 队列的一些注意
  • Kotlin Bytedeco OpenCV 图像图像50 仿射变换 图像缩放
  • 2024春秋杯密码题第一、二天WP
  • 【统计的思想】假设检验(一)
  • 网络安全 | 什么是正向代理和反向代理?
  • [手机Linux] 七,NextCloud优化设置
  • Linux 中的 route 命令介绍以及使用
  • 【嵌入式开发 Linux 常用命令系列 7.1 -- git log 只显示日期和主题(title)和commit id】
  • Moco论文阅读笔记
  • 【Flutter】解决第一次运行项目很慢(gradle需要下载依赖)
  • 哈希表(功能不太全,只能查找)
  • Go语言 管道2
  • leetcode hot100_part4_子串
  • Pycharm中的Director和Python Package
  • C语言练习题3
  • 如何用 Helm Chart 安装指定版本的 GitLab Runner?
  • 微软 Power Apps MDA 模型驱动应用解决Image字段查询出来缩略图问题变原图方法(c#+Plugin方式)
  • springboot 整合quartz定时任务
  • /bin/bash的作用
  • idea2023版使用Free MyBatis plugin插件报错
  • 说说相机标定?
  • illusionX——一个从理解情感到改变学习、创新教育体验集成情感计算的混合现实系统
  • 测试阶段例题
  • uniapp+uview-plus实现微信小程序自定义tabbar
  • 1.C++入门1(c++编译过程,命名空间,C++输入输出,缺省参数)
  • 代码随想录训练营 Day57打卡 图论part07 53. 寻宝(prim,kruskal算法)