LOADING

Viewport Resizer – Responsive Testing Tool

Viewport Resizer – Responsive Testing Tool1.1.9

响应式设计测试工具,可测试任何网站的响应能力——只需 2 秒!模拟各种屏幕分辨率。 Viewport Resizer 是一种测试任何网站响应能力的工具。只需安装扩展程序,转到您要测试的页面并检查该页面的各种屏幕分辨率。直接与您的团队和客户共享您定义的设备和断点环境的最聪明方式。此工具不应取代真实设备模拟。它可以帮

官方版无广告25

更新日期:2021年 8月 29日分类标签:语言:中文平台:

47.48KB 0 人已下载 手机查看

简介:
响应式设计测试工具,可测试任何网站的响应能力——只需 2 秒!模拟各种屏幕分辨率。 Viewport Resizer 是一种测试任何网站响应能力的工具。只需安装扩展程序,转到您要测试的页面并检查该页面的各种屏幕分辨率。直接与您的团队和客户共享您定义的设备和断点环境的最聪明方式。此工具不应取代真实设备模拟。它可以帮助您、您的团队和客户在不同的设备类型中测试状态、转换、文本长度等。

相关资源

Webfont Previewer
这个扩展允许你在任何网站上测试 webfonts 并定位字体应该应用于哪些元素。在开发网站时快速测试和查看不同的网络字体。从字体列表中选择一种网络字体。然后使用 CSS 选择器选择页面的目标。然后应用以查看应用于当前页面内容的 webfont。为您最喜欢的网络字体加星标,使它们出现在字体列表的顶部以便快速使用。一
Measuremate
网络的终极测量工具MeasureMate 是测量网页元素之间距离的终极工具。它让您只需选择元素,然后检查到任何其他元素的所有距离。您可以选择整个元素或仅选择内容框。与其他一些扩展程序不同,它不会干扰您访问的任何网页,除非您单击 MeasureMate 图标。安装后:单击图标激活。将鼠标悬停在文档上,选择锚元素并将
Measure Everything
元素距离测量工具。 Measure Everything 是一个强大的工具,用于测量网页上 DOM 元素之间的距离。只需单击一个元素,然后将鼠标指针悬停在另一个元素上,即可获得即时距离测量值。在使用它之前,您需要通过单击其图标来激活该扩展程序。考虑固定此扩展程序的图标以方便使用。欢迎任何反馈和评论。
console.sparkline
将 console.sparkline 添加到所有网页和 Chrome Devtools。 console.sparkline() 是一个 chrome devtools 扩展,它添加了一个类似于 console.log() 的工具,但它将数字数组呈现为您的小内联迷你图图像。非常适合快速可视化您在进行黑客攻击时遇
Node Debugger
Chrome devtools 中的调试节点连接到 v8 检查器调试实例!此扩展允许您保存配置的调试会话,并在启动时自动检查它们的可用性。要快速入门,您可以执行以下操作: - 使用 --inspect 标志设置启动节点 6.3+ 进程(这将在 localhost:9229 启动调试会话) - 单击 Chrome
Alt-Tag Overlay
在图像之上显示 alt 标签的叠加层快速轻松地查看覆盖当前您正在查看的网页上的照片的所有 alt 标签。由于绝对定位会搞砸,我添加了一个叠加层以查看网站自身布局之外的内容。

暂无评论

暂无评论...