网上有许多好用的浏览器,经过简化多个插件和附件,可以大大提高网页设计者和前端开发者的工作效率,但说到最好的浏览器,还数Chrome最好用了。
Chrome 扩展
这篇文章中,我们介绍15个优秀的chrome扩展,帮助web设计者和开发者简化工作流程。
1. Responsive Web Design Tester1
响应式网页设计试验机是网页设计者的理想工具,可在任何设备上运行一个快速测试,利用这款免费工具可从多个维度预览网站设计效果。
2. Dimensions
网页设计师可用这个神奇的工具测量屏幕尺寸,以及维度之间的多个元素,如图片、按钮、文本、图标、视频、gif、输入字段等。
3. Muzli
在Muzli的帮助下,可获得设计交互式用户体验方面的独特内容,以及网络上最新鲜的设计、用户界面和交互式新闻等,提高创作技能。
4. WhatFont
网页设计师用这款工具鉴别web页面上的字体非常方便,此工具简单、易于使用,可在网页上快速找到可用字体。
5. Page Ruler
Page ruler是必备的web设计工具,画一个ruler生成像素尺寸就可以定位网站,也能在任何站点的web页面上测量不同元素。
6. CSS – Shack
使用CSS-Shack工具在浏览器中创建美丽的布局,它是一个web和桌面的扩展,可在几秒钟内创建布局风格,只需简单点击,就能导出并生成一个CSS文件。
7. Window Resizer
Window Resizer是一个令人难以置信的工具,可根据多个屏幕分辨率调整浏览器窗口,该扩展允许web设计人员和开发人员在多个浏览器上测试布局。
8. TypeWonder
.
在chrome浏览器选项卡上,使用TypeWonder可在几秒钟内测试可用字体,只需进入网站的URL快速预览字体即可。
9. ColorZilla
ColorZilla是Chrome浏览器上高级取色器、梯度生成器、颜色选择器的扩展。
10. LightShot
LightShot属于简单、易于使用的截图工具,主要用于屏幕截图并上传到服务器,有简单直观的用户界面,能使工作难度降低三倍。
11. Pendule
Pendule 是高级程序员的最爱,含Google Chrome上下文菜单的视图选择源。
12. Code Cola
Code Cola是web开发人员扩展代码必不可少的,主要用于编辑页面的css样式并轻松生成CSS可见性。
13. PixelPerfect by WellDoneCode
该扩展简化了开发人员的工作,能把一个半透明图像叠加成HTML,通过比较执行单像素,在web开发和设计中用的比较多。
14. Corporate Ipsum
可用作填充文本,利用corporate bent生成lorem ipsum。
15. UX Check
UX Check是一个了不起的Chrome扩展,可启发式识别网站缺陷,提高网站可用性。
尾注
在web开发或设计中,用好这些Chrome扩展能大大提高技能和工作效率,节省时间,以便把主要精力集中在web项目创新上。