VisBug

VisBug

github.com

Google 开源的浏览器设计调试扩展，可在任意网页上可视化编辑样式、拖拽元素、检查可访问性。

开源HTML/CSS落地页浏览器网页

被推荐 1 次

访问网站 ↗

适合做什么

适合设计师和前端开发者在真实网页环境中快速调整样式、测试响应式布局和可访问性。

标签与属性

授权

技术栈

用途

平台

浏览器网页

谁在推荐

@goabstract/Awesome-Design-Tools · awesome 列表出处 ↗

VisBug — on any webpage: visually debug, quick inspect style and a11y, change CSS visually, click and drag elements around, and much more. ![open-source.svg](https://github.com/GoogleChromeLabs/ProjectVisBug) ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

同类推荐

浏览器扩展

ColorZilla

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

免费

chrome.google.com1 处推荐详情

浏览器扩展

ColorZilla

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

免费

addons.mozilla.org1 处推荐详情

浏览器扩展

WhatFont

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

免费

chrome.google.com1 处推荐详情

浏览器扩展

PerfectPixel by WellDoneCode

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

免费+付费

chrome.google.com1 处推荐详情

配色工具

ColorZilla

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

免费

colorzilla.com1 处推荐详情

浏览器扩展

Fonts Ninja

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

免费

chrome.google.com1 处推荐详情