HTML DOM Navigation1.0
HTML DOM Navigation 让您能够以简单易行的方式查看节点树。 IRB 对于 Watir 自动化非常有用。我开发这个扩展主要是为了快速获取 DOM，因为在 Watir 自动化中可能需要一些时间。 - 网页完全加载后，单击页面右上角的“HTML DOM 导航”图标- 将鼠标悬停在页面中的任何元素上以查
官方版无广告37
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
13.89KB 0 人已下载 手机查看
![HTML DOM Navigation的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail47950/16krew5r3hphu.jpg)
![HTML DOM Navigation的使用截图[2]](https://cdn1.nanbk.com/file/crx_detail47951/172ze50wv2pxh.jpg)
![HTML DOM Navigation的使用截图[3]](https://cdn1.nanbk.com/file/crx_detail47953/17z3od5tfllts.jpg)
简介:
HTML DOM Navigation 让您能够以简单易行的方式查看节点树。 IRB 对于 Watir 自动化非常有用。我开发这个扩展主要是为了快速获取 DOM，因为在 Watir 自动化中可能需要一些时间。 – 网页完全加载后，单击页面右上角的“HTML DOM 导航”图标- 将鼠标悬停在页面中的任何元素上以查看 IRB 格式和元素的前五个祖先- 右键单击页面并在上下文菜单中选择“HTML DOM 导航 -> 树格式”选项以查看树格式（整个正文标签的） – 要禁用，请再次单击该图标**您可以使用'ctrl+c'复制内容**您可以使用向上箭头和向下箭头滚动内容注意：如果复制/滚动不起作用，请单击页面上的任意位置以聚焦并重试隐私：此工具不会存储您的任何数据
相关资源
Bootswatch Theme Preview
使用 bootswatch 主题预览引导站点。 Bootswatch 为引导程序提供漂亮的免费主题。考虑在您的网站上使用其中一个 bootswatch 主题？您现在可以使用此扩展程序轻松查看它，以在实际将其应用于您的网站之前查看它的外观。如何使用： - 浏览到您希望浏览的网站。 - 单击右上角的扩展图标。选择您喜
fonts infos
显示/检查和分析网页中字体的扩展。在网页中显示/检查文本字体的扩展。在页面中显示以下信息： * 字体大小; * 字体粗细； *字体主要家族； * 字体样式; * 字体颜色; * 行高； * 字体装饰； * 字体转换； * 字母间距;右键单击上下文菜单！隐藏上下文菜单的选项！将鼠标悬停在字体或单个信息上的所有信息上
SEOInfo
在您浏览页面时显示 SEO 问题。显示 HTML 页面的性能数据和完整的 AMP 状态和错误。当您浏览与 SEO 相关的错误的网站时，SEOInfo 会自动提醒您。例如：无效的规范、hreflang、AMP 版本。单击按钮，将显示有关当前页面的所有 SEO 和性能信息和图表。在扩展中包括 SEO 检查、结构化数据
Viewport Resizer – Responsive Testing Tool
响应式设计测试工具，可测试任何网站的响应能力——只需 2 秒！模拟各种屏幕分辨率。 Viewport Resizer 是一种测试任何网站响应能力的工具。只需安装扩展程序，转到您要测试的页面并检查该页面的各种屏幕分辨率。直接与您的团队和客户共享您定义的设备和断点环境的最聪明方式。此工具不应取代真实设备模拟。它可以帮
Reactime
一个 Chrome 扩展，通过记住每次渲染的组件状态来帮助调试 React 应用程序。 Reactime 被提名为 2020 年 React 开源奖的生产力助推器奖。 Reactime 是一个开源的 Chrome 开发者工具，用于在 React 应用程序中进行时间旅行调试和性能监控。 Reactime 使开发人员
mermaid-diagrams
在 github wiki 和 markdown 文件上启用“美人鱼图”在 github wiki 和 markdown 文件上启用“美人鱼图”，如下所示：http://knsv.github.io/mermaid/index.html。例如，将此添加到任何 wiki 页面或 github 中的 markdown
暂无评论...