• AD: 本站为第三方谷歌浏览器插件推荐网站,非Google Chrome官方网站。(我们不是采集型网站,而是费时费力的人工筛选推荐Chrome中好用的插件)

标签:前端开发工具

Responsive viewer For Chrome 前端开发测试在多个屏幕尺寸下的效果演示

Responsive viewer For Chrome 是一款前端开发测试工具,主要方便开发人员同时显示多个屏幕,查看网页在各种设备的响应情况。不用挨个设备去测试,简化了微调不同设备布局的过程,节省时间和精力。Responsive viewer For Chrome v0.0.1.0上次更新日期:2023年6月1日……

4周前 (04-20) 立刻查看

CSS Scan 快速查看及复制网页元素的CSS

CSS Scan 是一个前端工具,安装插件后当你把鼠标悬停在网页元素上时可以立即显示元素的CSS。注:插件带内购功能。CSS Scan v3.9.9.0上次更新日期:2023年6月5日……

9个月前 (08-19) 立刻查看

CSS Used 获取所选DOM的所有css

CSS Used 是一款前端开发设计辅助工具,支持单击页面即可获取应用于选定web元素及其子元素的所有css。已知限制1.对于像“.wrapp{…}”这样的CSS规则,如果只选择了“<p>”,则结果“.wrap p{..}”将不适用于“<p<”。将规则更改为“p{…}”,或者在最终HTML中添加“.wrap”父级。2.目前不支持CSS自定义属性(变量……

9个月前 (08-10) 立刻查看

SnipCSS 提取页面上元素的CSS/HTML

SnipCSS 这款插件前端开发工程师的辅助工具,可以提取页面上元素的CSS/HTML,当你在网上看到的很酷的设计,都可以成为你快速原型的个人模板!如果你尝试手动复制/粘贴,可能需要20分钟,但使用SnippCSS,你可以在一分钟内选择并获取所有样式,包括带有媒体查询的样式。SnipCSS v1.7.7.0上次更新日期:2023年8月7日……

9个月前 (08-10) 立刻查看

Resolution Test 方便开发者测试不同分辨率下的网页情况

Resolution Test 是一款方便开发人员测试不同屏幕分辨率下的网页的扩展,除了常见的分辨率数据,还支持自定义自己分辨率。方便测试不同屏幕分辨率的网页,支持保存测试屏幕分辨率截图,还可通过截图和共享将结果共享到Facebook。Resolution Test v3.1.1.0上次更新日期:2023年5月9日……

10个月前 (07-19) 立刻查看

DivMagic 将任何网页中的元素复制为可重复使用的web组件

DivMagic 是一款设计辅助插件,可将任何网页中的元素转换为可重用的web组件,将其无缝转换为干净、可重复使用的CSS或Tailwind CSS代码。除此之外,DivMagic使您能够将元素转换为React/JSX组件,并轻松地在HTML和React/JSX之间切换。让你的开发工作变得更加轻松。DivMagic v1.0.7.0上次更新日期:……

11个月前 (07-07) 立刻查看

NerdeFocus 适合前端开发检测CSS元素的焦点

NerdeFocus非常适合检测焦点重置、测试键盘焦点以及调试现代web应用程序中的屏幕读取器问题。安装插件后,需要打开开发者工具调试面板,会在末尾加上NerdeFocus 板块,是前端开发好用的工具之一。NerdeFocus v0.3.2.0上次更新日期:2022年1月11日……

1年前 (2023-03-04) 立刻查看

Designer Tools 测量并对齐Chrome中元素的前端开发插件

Designer Tools 是一款帮助前端开发工程师帮助测量对齐网页元素的工具,使用插件的标尺、指南、元素对齐和空间测量等功能可轻松创建视觉上吸引人的精确设计。通过添加网格、保存、移动、删除辅助线和更改设置的功能,可以更好地控制设计过程。Designer Tools v4.14.0.0上次更新日期:2023年2月8日……

1年前 (2023-02-18) 立刻查看

Measuremate 测量网页元素之间距离

Measuremate 是一款前端开发工具,是前端设计师测量网页元素距离的插件,它允许您选择元素,然后检查到任何其他元素的所有距离,您可以选择整个元素或仅选择内容框。与其他一些扩展不同,它不会干扰您访问的任何网页,除非您单击MeasureDate图标。安装后:单击图标激活。将鼠标悬停在文档上,选择锚定元素并将光标移动到任何其他元素。Measure……

1年前 (2023-02-01) 立刻查看

PerfectPixel by WellDoneCode (pixel perfect) 网页开发像素比较校对

PerfectPixel by WellDoneCode (pixel perfect) 是一款前端开发插件,有助于开发者在页面像素校对,允许开发人员和设计人员在开发的HTML顶部放置半透明的图像覆盖,并在它们之间执行像素完美比较。插件特性:PerfectPixel by WellDoneCode (pixel perfect) v2.1.2.4……

1年前 (2023-01-31) 立刻查看