访问官网
Github
文档
「VisBug」
开源网页设计调试工具
- 指点、点击与调整
- 按住Shift键进行多选
- 在任何状态下编辑任何页面
- 悬停检查样式、可访问性和对齐
- 在任何设备尺寸下，在真实的最终环境中挑剔布局和内容
- 利用设计工具的微调技能
- 编辑任何文本
- 替换图片
- 像在Sketch中操作组和图层一样浏览DOM
- 在生产或原型的混乱中设计，以及它们产生的奇怪状态
- 将错误转变为设计机会
- **在模拟以下情况时进行设计：**延迟、翻译、媒体查询、平台限制、方向、屏幕尺寸等
- 在网站/应用的前端做出更多决策（可访问性、响应式、边缘情况等）
无需等待开发人员暴露他们的积木，直接编辑最终状态（无论使用何种框架）并执行/测试想法
通过将设计工具交互带入浏览器，赋予设计师和内容创作者在当前网络项目中的力量。
查看我和其他人希望实现的功能列表。有很多有趣的计划或需求。为功能投票，留下反馈或增加清晰度。
让我们一起行动吧，**设计社区，我在看着你！**创建一个GitHub账户，开始在问题区畅想！帮助创造你需要的工具，以更好地完成工作。
🤔 它不是：
- 与Figma、Sketch、XD等设计创作工具竞争；它是一种补充！
- 用于从头开始的工具
- 一个设计系统识别器、执行器、启用器等..但它是一个设计系统利用工具！
- 一个交互原型工具，你需要生成状态供VisBug进行设计
安装
添加到你的浏览器
Chrome扩展
Firefox插件
Safari扩展
Edge扩展
入门
查看Wiki
键盘命令大全
开放的功能请求
在Gitter上聊天
在Spectrum上聊天
从CDN加载VisBug
Web组件（即将推出 💀🤘）
npm i visbug
贡献
首先，感谢你抽出时间贡献！ 现在，花点时间确保你的贡献对其他人也有意义。 如果你有问题或需要帮助构建功能，请来Gitter上聊天或Spectrum！
报告问题
发现问题？想要新功能？首先看看你的问题或想法是否已经被报告。 如果没有，只需打开一个新的清晰描述的问题。
提交拉取请求
- 分叉它！
- 克隆你的分叉：
git clone https://github.com/<your-username>/ProjectVisBug - 导航到新克隆的目录：
cd ProjectVisBug - 为新功能创建一个新分支：
git checkout -b my-new-feature - 安装开发包：
npm i - 进行修改
- 提交你的更改：
git commit -am '添加了一些功能' - 推送分支：
git push origin my-new-feature - 通过GitHub UI提交一个完整说明你更改的拉取请求
