网页变画板，一个 Chrome 插件就能扮演高级前端工程师

自己做个网页难吗？

一定要会前端开发技术才能做出自己想要的页面吗?

还真不一定。

谷歌在 GitHub 的开源 Chrome 插件，让你不用具备高级的前端技能，依然可以像在画板上作画一样设计出你想要的网页。

有了这个 Chrome 插件，随便哪个网页都是你创意的画板，灵感什么的还不是想来就来，通过简单的拖拽就能够在网页上布置所需元素组件，自由的组合排列，让你的创作灵感犹如滔滔江水，一发不可收拾，有了 VisBug 仿佛自己不是在假装，而前端工程师附体，自信爆棚。

具有如下特点：

• 点，点击和修正
• 在任何状态下编辑或设置任何页面样式，就像它是一个画板
• 悬停检查样式，可访问性和对齐方式
• Nitpick布局和内容，在真实的终端环境中，任何设备大小
• 利用 adobe / sketch 技巧
• 编辑任何文本，替换任何图像
• 混乱中的设计：使用生产或原型以及他们生产的奇怪状态，作为画板和设计机会
• 设计同时模拟延迟，国际化功能，媒体查询，平台的限制，CPU，屏幕大小等
• 在您的网站/应用程序的前端做出更多决定（a11y，响应，边缘情况等）
• 没有等待开发人员公开他们的legos，只需直接编辑结束状态（无论框架）并执行/测试一个想法

通过工具栏的不同功能，轻松完成对画板上元素的编辑修改，既可以利用已有元素，也可以自己创建，仿佛有了高级模板，利刃在手谁与争锋。

GitHub 地址：https://github.com/GoogleChromeLabs/ProjectVisBug