Testing Playground1.16.3
简单而完整的 DOM 测试游乐场,鼓励良好的测试实践。将 Testing-Playground 添加到 Chrome 开发者工具。 Testing Playground 是一个扩展,可帮助您找到最佳查询来为开源 Testing-Library 系列选择元素。它允许您检查 Chrome 开发人员工具中的元素层次
官方版无广告50
更新日期:2021年 8月 29日分类标签:开发语言:中文平台:
646KB 0 人已下载 手机查看
简介:
简单而完整的 DOM 测试游乐场,鼓励良好的测试实践。将 Testing-Playground 添加到 Chrome 开发者工具。 Testing Playground 是一个扩展,可帮助您找到最佳查询来为开源 Testing-Library 系列选择元素。它允许您检查 Chrome 开发人员工具中的元素层次结构,并为您提供有关如何选择它们的建议,同时鼓励良好的测试实践。您将在 Chrome DevTools 中获得两个新选项卡:“🐸 Testing Playground”选项卡,以及“Elements”选项卡下的侧面板。通过选择页面上的元素之一,您可以检查可用于在测试中选择元素的不同查询,并获得反馈,告诉您何时以及为什么有更好的查询可用。如果您使用常规元素选项卡检查页面上的元素,然后切换到测试游乐场选项卡,该元素将被自动选中。
相关资源
Fullwidth Image
全宽图像插件使您的图像适合屏幕。全宽图像插件使您的图像适合屏幕。基本上它是为经常在浏览器中查看其网页模板的 jpg 版本的网页设计师开发的。在大多数情况下,图像比普通浏览器视口更宽,有时更宽。此插件将帮助查看器使打开的图像全宽到当前视口。
Scraping Tool
抓取整个网页此扩展程序可让您抓取网站并下载以进行测试和开发过程。
Resolution Test
开发人员在不同屏幕分辨率下测试网页的扩展,可以选择定义自己的分辨率**现在有选项**对于更新日志访问网站 - http://www.benbeckford.com/blog/2009/11/29/chrome-extension-resolution-test.html分辨率测试更改浏览器窗口的大小,以便开发人员
xPath Finder
帮助您轻松地提取,编辑和分析XPath, 在开发者工具面板里。1. 首先, 您需要先打开开发者工具面板 (按F12)2. 在开发者面板里,您将会看到"xPath Finder"选项卡,打开它3. 现在,您可以在xPath…帮助您轻松地提取,编辑和分析XPath, 在开发者工具面板里。1. 首先, 您需要先打开开发
Open GitHub in VS Code
在浏览器中的 VS Code 中打开 GitHub 存储库只需单击“在 VS 代码中打开”按钮。基于 https://github.com/conwnet/github1s扩展回购:https://github.com/aisaiev/open-github-in-vscode
Grid Ruler
创建网格并轻松测量它们的距离。它允许您创建垂直和水平网格,Photoshop 风格。它也有一个标尺来测量网格之间的距离。 #如何使用: - 从主垂直/水平标尺拖动以创建网格。 - 点击垂直标尺和水平标尺的交叉点进入标尺模式。 - 在标尺模式下,按住 键以获得一条直线。
暂无评论...