南京网站设计培训价格,中国建设银行官方网站下载安装,无忧建站,商业网站的域名代码ShowWeb#x1f47b;#xff1a;可视化元素路径查看器适配【谷歌】【Edge】
每次写前端最烦的就是一层一层找元素#xff0c;又臭又长。所以我开发了一个小插件来缓解这个问题#xff0c;这个插件可以输出整个路径#xff0c;并把最后元素的内容输出方便查看#xff0c;…ShowWeb可视化元素路径查看器适配【谷歌】【Edge】
每次写前端最烦的就是一层一层找元素又臭又长。所以我开发了一个小插件来缓解这个问题这个插件可以输出整个路径并把最后元素的内容输出方便查看开箱即用插拔方便。同时也非常欢迎大家使用。 https://github.com/invokeG/ShowWeb 简介:
轻松了解网页上的元素结构这款插件允许你通过按住Alt键并点击页面上的任何元素立即可视化查看该元素的DOM路径。无需繁琐的开发者工具一键获取元素信息包括标签名、类名、ID等。另外提供了方便的弹出框展示了元素的路径和内容让你更直观地理解和调试页面结构。
特色 快速查看元素路径 按住Alt键点击任意页面元素即可获取其DOM路径。 可视化弹出框 以清晰的方式展示元素路径和内容方便开发者快速定位和调试。 简洁实用 无需打开开发者工具快速获取页面元素信息。
如何使用:
激活插件按住Alt键并点击页面上的任何元素。查看信息弹出框将显示元素的DOM路径和内容。 下载安装 下载链接GitHubhttps://github.com/invokeG/ShowWeb 安装谷歌 Edge
浏览器右上角 - 扩展程序 -管理扩展程序打开开发者模式选择加载已解压的扩展程序选择解压好的文件夹完成Alt Click 即可使用 我也是第一次做插件欢迎大家提出宝贵意见互相学习。有感兴趣的小伙伴也可以在GitHub提交Pr一起玩耍⭐。 发布
同时更新Edge应用商店提交状态谷歌听说很慢还得交就没弄 2023.11.27
