CSS Peeper(CSS样化辅助)官方版是可安装在电脑浏览器上的样式检查扩展,专为设计师与开发者打造,无需翻阅复杂代码即可快速获取网页样式信息。CSS Peeper支持一键查看 CSS 属性、提取页面配色与字体、导出素材资源,还能检测色彩对比度,满足无障碍设计要求。CSS Peeper操作简单直观,能有效提升样式调研与网页开发效率,是实用的前端设计辅助工具。
软件特色
1、可查看任意网站的排版细节,发现特色字体组合,核查各项文本属性,不错过任何排版细节。
2、自带专业颜色检查工具,可浏览各类色彩获取设计灵感,心仪调色板支持一键导出,可在任意场景使用。
3、不用再花时间在代码里翻找CSS内容,无需浏览复杂代码,点击元素就能快速检查CSS属性,省时高效。
4、轻松提取页面里的各类素材资产,所有资源随手可用,让网站改版工作推进得更顺畅。
安装步骤
1、打开浏览器,点击右上角三点图标,在菜单依次选择更多工具、扩展程序,也能直接在地址栏输入“chrome://extensions/”进入扩展管理页面。
2、跳转至扩展程序页面后,开启开发者模式开关。
3、把解压完成后的crx文件拖拽到浏览器页面,就能完成插件安装。
常见问答
1、工具栏看不到 CSS Peeper 图标怎么办?
答:浏览器默认隐藏新插件,点击地址栏右侧拼图图标,找到 CSS Peeper,点击图钉按钮固定到工具栏,方便随时调用。
2、插件支持无痕窗口使用吗?
答:默认不开启无痕权限,进入扩展详情页面,打开「允许在无痕模式中运行」开关,即可在无痕页面正常使用。
3、哪些浏览器可以安装使用?
答:支持 Chrome、Edge、Brave、Opera 等所有 Chromium 内核浏览器;暂不支持 Firefox 等非 Chromium 浏览器,官方暂无适配计划。

speedtest 中文版v1.14.198.1
码工助手 最新版 v2.3.1
2345王牌浏览器 官方版V13.7.0.41271