Chrome 浏览器拥有众多设计类扩展程序,可辅助网站发布、改版、布局优化及提升整体用户体验。
以下精选自 Google Chrome 网上应用店的设计工具,涵盖字体查找、配色方案开发、灵感图片发现与创建、图形自定义、元素测量以及页面与竞品分析等功能。
Chrome 设计扩展程序推荐
Pixlr Editor:一款功能强大的浏览器端照片编辑器,支持图层、套索、画笔控制、克隆和滤镜等桌面级高级功能,助您完全掌控图像编辑。
Pixlr Editor
ColorZilla:支持读取浏览器任意位置颜色并粘贴至其他程序。内置 CSS 渐变生成器及含七个预装调色板的查看器,配色工作更高效。
Palette Creator:可从任意图片中提取配色方案供后续创作使用。操作简便,右键点击图像即可调用。
WhatFont:识别网页字体的便捷工具。鼠标悬停即可获取字体信息及字体托管服务详情。
WhatFont
字体更改器:集成 Google Web Fonts 中 500 种字体,支持为所有网站或特定站点一键更换字体。
Evernote Web Clipper:高效保存网络内容至 Evernote。支持网页截图、高亮标注、添加注释,实现跨设备随时访问。
Amino:实时 CSS 编辑器,用于编写持久化用户样式表。支持同步至 Google 账户,多端访问,可自定义页面外观并修复渲染错误。
Amino
Stylebot:通过自定义 CSS 精准操控网站外观。选中元素后即可在编辑器中调整字体、颜色、边距、可见性等属性。
EnjoyCSS:免费在线 CSS3 生成器,无需编码即可快速制作 2D/3D 变换、复杂过渡、渐变及文本阴影等丰富样式,并提供 CSS 解决方案库。
CSS Shapes Editor:交互式编辑器,专为创建和调整选定元素的 CSS 形状值而设计。
CSS Shapes Editor
尺寸(Dimensions):屏幕测量利器,可精准测量区域边界、图像、输入框、按钮、视频、文本及图标,辅助设计稿还原。
吸管工具(Color Picker):支持从网页、颜色选择器或历史记录中快速拾取颜色。
极简 Markdown 编辑器:轻量级 Markdown 编辑工具,支持实时预览、一键转 HTML、标签页状态保持及离线使用。
极简 Markdown 编辑器
BuiltWith Technology Profiler:网站技术栈分析工具。点击图标即可查看当前网页所使用的全部技术框架与服务。
Search Stackoverflow:编程问答社区快捷入口。支持提问、回答、投票及内容编辑,快速解决开发难题。
Project Naptha:图像文本处理神器。可直接高亮、复制、编辑甚至翻译网页图片中的文字,打破图文交互壁垒。
Project Naptha
Web Developer Checklist:Web 开发最佳实践检查清单,提供实用指南及相关支持材料链接,配套 WebDevChecklist.com 使用。
Checkbot:网站审计工具,快速爬取数百个页面,检测 SEO、速度及安全性问题。免费版支持单站 250 个 URL 检查。
Web Developer:集成多种 Web 开发工具的工具栏插件,源自 Firefox 经典扩展,功能全面。
StayFocusd:效率管理工具,通过限制特定网站访问时间防止分心。分配时间耗尽后,当日将无法访问被屏蔽站点。
StayFocusd

