Web Component DevTools

Web Component DevTools 面向所有使用 Web 组件的开发人员。提供的工具创建了一个新的 Chrome Devtools 面板,允许快速查看当前页面上的自定义元素,并允许修改所述组件的属性和特性。

特征:

Web Component DevTools 直接从浏览器的 UI 向开发人员提供高级功能,例如:
- 列出页面上的自定义元素以及页面内可访问的 iframe
- 过滤列表中的自定义元素
- 检查和修改自定义元素的属性
- 检查和修改自定义元素的属性(甚至对象和数组)
- 观察派发的事件
- 调用自定义元素的函数,并记录返回值
- 查看页面Web组件的源代码
- 通过控制台直接与Web组件交互
Web Component DevTools插图

Web Component DevTools下载地址
Web Component DevTools插图1
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x