插件介绍
用JavaScript构建的开放源码web设计调试工具:设计人员的FireBug。
-简单的点，点击和修补
-编辑或样式的任何页面，在任何状态，就像它的画板
-悬停检查样式，间距，距离，可访问性和对齐
-挑剔的布局和内容，在真实的终端环境，在任何设备大小
-利用adobe/sketch技能
-编辑任何文本，替换任何图像(hi there copywriter, ux writer, pms)
-在混乱中进行设计:使用产品或原型以及它们产生的奇怪状态，作为画板和设计机会
-设计时模拟延迟，i18n，媒体查询，平台约束，cpu，屏幕大小等
-在你的网站/应用程序的前端做更多的决定(a11y，响应，边界情况等)
-无需等待开发者公开他们的乐高，只需直接编辑最终状态(不管框架)并执行/测试想法
给设计师和内容创造者以力量，因为他们现在觉得自己几乎没有，**通过将设计工具交互和热键带到浏览器**
Open source web design debug tools built with JavaScript: a FireBug for designers.
- Simple as point, click & tinker
- Edit or style any page, in any state, like it's an artboard
- Hover inspect styles, spacing, distance, accessibility and alignment
- Nitpick layouts & content, in the real end environment, at any device size
- Leverage adobe/sketch skills
- Edit any text, replace any image (hi there copywriters, ux writers, pms)
- Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
- Design while simulating latency, i18n, media queries, platform constraints, CPUs, screensize, etc
- Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)
- No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea
Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**
浏览器插件安装详细步骤：Chrome浏览器如何安装插件扩展
使用JavaScript构建的开源web设计工具
-简单的点，点击和修补
-编辑或样式的任何页面，在任何状态，就像它的画板
-悬停检查样式，易访问性和对齐
使用JavaScript构建的开源Web设计调试工具：面向设计人员的FireBug。
VisBug是一个类似firebug的前端开发工具，前端开发工程师可以使用它对网页元素调整工具，是web开发的一个好工具