VisBug

• 简介：开发者工具
• 攻略：下载的 crx 插件如何安装到浏览器上？

开源浏览器设计工具
使用 JavaScript 构建的开源网页设计调试工具：设计人员的 FireBug。
- 指向、点击和修补
- 在任何状态下编辑或设置任何页面的样式，就像它是一个画板
- 检查样式、间距、距离、可访问性和对齐
- 在真实终端环境中，任何设备尺寸的 Nitpick 布局和内容
- 利用 adobe/sketch 技能
- 编辑文本，替换图像
- 在混乱中设计：使用生产或原型以及它们产生的奇怪状态，作为画板和设计机会
- 在 DevTools 模拟延迟、i18n、媒体查询、平台限制、CPU、屏幕大小等的同时进行设计
- 在您的网站/应用程序的前端做出更多决定（a11y、响应式、边缘情况等）
- 无需等待开发人员公开他们的乐高积木，只需直接编辑最终状态（无论框架如何）并执行/测试想法
**通过将设计工具交互和热键引入浏览器**，赋予设计师和内容创作者权力，在他们目前认为自己几乎一无所有的地方**