VisBug

chrome.google.com

开源浏览器设计调试工具，可在任意网页上直接点选、移动、编辑样式与内容，像操作画板一样改页面。

开源HTML/CSS浏览器网页

被推荐 1 次

适合做什么

适合设计师和前端在真实页面环境中快速调整布局、文案与样式，验证响应式与可访问性问题。

授权

技术栈

平台

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗

VisBug Open source web design debug tool built with JavaScript

浏览器扩展

Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

chrome.google.com1 处推荐详情

浏览器扩展

浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

addons.mozilla.org1 处推荐详情

浏览器扩展

一款浏览器扩展，悬停即可识别网页所用字体，点击可查看字号、颜色等详细样式。

免费

chrome.google.com1 处推荐详情

浏览器扩展

在网页上叠加半透明设计稿，实时对比前端实现与设计稿的像素级差异。

免费+付费

chrome.google.com1 处推荐详情

配色工具

浏览器取色器扩展，支持吸管、调色板、CSS 渐变生成等，前端与设计师常用。

免费

colorzilla.com1 处推荐详情

浏览器扩展

浏览器扩展，一键识别任意网页字体，支持试用、收藏与购买，准确率极高。

免费

chrome.google.com1 处推荐详情