擴充功能資訊
應用截圖
詳細介紹
开源浏览器设计工具
用 JavaScript 构建的开源网页设计调试工具:面向设计师的 FireBug。
- 指向、点击、移动、调整大小与试验修改
- 像编辑画板一样,编辑任何状态下的任意页面或为其设置样式
- 检查样式、间距、距离、无障碍和对齐情况
- 在真正的最终环境中,以任意设备尺寸仔细调整布局与内容
- 运用 adobe/sketch 技能
- 编辑文本、替换图片
- 在复杂环境中设计:把生产环境或原型及其产生的特殊状态用作画板和设计机会
- 在 DevTools 模拟延迟、i18n、媒体查询、平台限制、CPU、屏幕尺寸等条件时进行设计
- 在网站/应用的前端作出更多决定(a11y、响应式、边界情况等)
- 无需等待开发人员公开可用的构建模块,直接编辑最终状态(无论使用何种框架),并执行/测试想法
**将设计工具的交互方式和快捷键引入浏览器**,在设计师和内容创作者目前感到几乎无能为力的地方赋予他们能力