前端工程师-web前端开发必备工具推荐.docx

核心提示:不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向大家推荐一些优秀,且被广为用之的前端开发工具。
      不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向大家推荐一些优秀,且被广为用之的前端开发工具。下面主要为大家
推荐的是辅助开发工具和网页调试工具。

在这里推荐一些前端开发中可以是你提高开发效率的小工具,既小巧又方便;
一、截图,取色,量尺寸,屏幕录制工具
FastStone Capture
主要用途:截图,取色,量尺寸,屏幕录制工具;推荐指数:。此外大家还可以考虑取色器 Adesclrpicker,TakeColor
FastStone Capture是一款灵活简单的屏幕抓图软件,取色、放大镜、标尺、抓图、截图、截图、屏幕录制全部搞定。它可以抓取某个窗口或者对象的图片,也可以全屏或者以矩形模式抓图,甚至可以按照手绘的任意形状抓图。另外它还支持浮动条、热键、调整大小、剪裁、文字注释、打印以及邮件发送等功能。支持包括BMP、JPEG、JPEG 2000、GIF、PNG、PCX、TIFF、WMF、ICO和TGA在内的所有主流图片格式,其独有的光滑和毛刺处理技术让图片更加清晰,提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西,支持拖放,可以直接从系统、浏览器或其他程序中导入图片,收藏夹功能让你能更好的收集更多精彩图片。
FastStone Capture还集成了取色,放大镜,标尺(可以量出元素的宽高),这对前端开发来说相当的有用,方便。FastStone Capture还有简单的图片编辑功能,并能直接复制图像粘贴到Photoshop中,非常方便。
 
二、看图软件

主要用途:图片及图片属性浏览;推荐指数:
SR-1,一种速度最快、功能最强大,同时使用也最方便的 Windows 图像查看程序!ACDSee 是诸多工具的集成体。全功能图像查看程序可以较高的质量快速显示图像。图像浏览器可用于高效查找图像并对其加以组织。ACDSee 还提供了几种图像处理功能,包括便利的相片增强程序。 SR1自带了PicaView,就是用鼠标右键直接预览图片的软件,可以方便的浏览图片及图片属性。

在前端开发中我们经常会要调试页面,主要html、css调试和js调试,这里整理一些工具:
一、firefox网页调试插件
.firefox插件Firebug
主要用于html、css的调试和js调试;推荐指数:
从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增加一些更活泼的要素;要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员必定会收藏这个Firebug插件。
firefox插件Web Developer
主要用于html、css、js的查看和编辑;推荐指数:Firefox上开发和调试web站点的不二之选。Web developer toolbar包含了一系列工具