UI Inspector

UI Inspector

实时UI调试与CSS编辑器,加速设计一致性

创作者
平台
Web
Browser ExtensionsChrome ExtensionsUser Experience

在页面上实时检查和视觉编辑元素及其CSS,加速设计与UI调试。支持实时修改元素属性、调整字体、布局、背景、边框等,并一键查看生成的CSS。全局应用更改,保持设计一致性。捕获高质量截图,并轻松导出CSS代码到GitHub。

COMMUNITY PERKSMergeek 社区专属福利
独家限免 NEW每天发现一份惊喜
PRODUCT SCREENS / 4

点击查看界面细节

UI Inspector 产品截图 1UI Inspector 产品截图 2UI Inspector 产品截图 3UI Inspector 产品截图 4

在页面上实时检查和视觉编辑元素及其CSS,加速设计与UI调试。支持实时修改元素属性、调整字体、布局、背景、边框等,并一键查看生成的CSS。全局应用更改,保持设计一致性。捕获高质量截图,并轻松导出CSS代码到GitHub。

产品功能

  • 实时视觉编辑网页元素及其CSS,加速设计和UI调试。
  • 实时修改元素属性,观察效果变化。
  • 调整字体、大小、粗细和字符间距。
  • 配置布局和间距,设置边距和填充属性。
  • 增强背景效果和阴影,应用自定义颜色、模糊效果和阴影效果。
  • 自定义边框,调整边框宽度、样式和颜色。
  • 在一个位置查看所有已更新的元素列表。
  • 全局应用更改,自动将样式更改应用到页面中的相似元素。
  • 保存和使用常用的样式预设,以保持设计一致性。
  • 捕获高质量截图,用于文档或协作。
  • 查看生成的CSS,了解特定元素或整个页面的CSS变化。
  • 复制编译的CSS代码到剪贴板。
  • 将更改编译为CSS并导出到GitHub。

你的真实体验,为其他用户提供宝贵参考,获得宝石奖励

REWARD MARKET100 宝石可兑换什么?

还没有公开评论,欢迎分享你的体验。

提交反馈

每一个想法,都让 Mergeek 更好一点。