前端工程师-web前端开发必备工具推荐文档.docxVIP

核心提示：不管你做前端开发还是网页重构，前端工具都起着非常重要的作用，这里向大家推荐一些优秀，且被广为用之的前端开发工具。 ????? 不管你做前端开发还是网页重构，前端工具都起着非常重要的作用，这里向大家推荐一些优秀，且被广为用之的前端开发工具。下面主要为大家 推荐的是辅助开发工具和网页调试工具。 1.前端开发必备工具之辅助开发工具篇 在这里推荐一些前端开发中可以是你提高开发效率的小工具，既小巧又方便； 一、截图，取色，量尺寸，屏幕录制工具 FastStone Capture 主要用途：截图，取色，量尺寸，屏幕录制工具；推荐指数：。此外大家还可以考虑取色器 Adesclrpicker，TakeColor FastStone Capture是一款灵活简单的屏幕抓图软件，取色、放大镜、 标尺、 抓图、 截图、截图、 屏幕录制全部搞定。它可以抓取某个窗口或者对象的图片，也可以全屏或者以矩形模式抓图，甚至可以按照手绘的任意形状抓图。另外它还支持浮动条、热键、调整大小、剪裁、文字注释、打印以及邮件发送等功能。支持包括BMP、JPEG、JPEG 2000、GIF、PNG、PCX、TIFF、WMF、ICO和TGA在内的所有主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，支持拖放，可以直接从系统、浏览器或其他程序中导入图片，收藏夹功能让你能更好的收集更多精彩图片。 FastStone Capture还集成了取色，放大镜，标尺（可以量出元素的宽高），这对前端开发来说相当的有用，方便。FastStone Capture还有简单的图片编辑功能，并能直接复制图像粘贴到Photoshop中，非常方便。 ? 二、看图软件 ACDSee3.1美化版和PicaView插件 主要用途：图片及图片属性浏览；推荐指数： ACDSee3.1 SR-1，一种速度最快、功能最强大，同时使用也最方便的 Windows 图像查看程序！ACDSee 是诸多工具的集成体。全功能图像查看程序可以较高的质量快速显示图像。图像浏览器可用于高效查找图像并对其加以组织。ACDSee 还提供了几种图像处理功能，包括便利的相片增强程序。ACDSee3.1 SR1自带了PicaView，就是用鼠标右键直接预览图片的软件，可以方便的浏览图片及图片属性。 2.前端开发必备工具之网页调试工具篇 在前端开发中我们经常会要调试页面，主要html、css调试和js调试，这里整理一些工具： 一、firefox网页调试插件 .firefox插件Firebug 主要用于html、css的调试和js调试；推荐指数： 从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员必定会收藏这个Firebug插件。 firefox插件Web Developer 1.1.6 主要用于html、css、js的查看和编辑；推荐指数：Firefox上开发和调试web站点的不二之选。Web developer toolbar包含了一系列工具，从cookie管理到CSS调试，从导航线到屏幕标尺，功能简直是多得说不完。仅次于Firebug的网页开发设计者工具。功能众多而且强劲。看着这令人眼花缭乱的插件设置窗口，就能一窥它的强大。推荐网页开发者和网页设计者使用，能够帮助你方便的对页面进行调整和完善; ? firefox插件JavaScript Debugger Venkman： 主要用于JavaScript调试；推荐指数： 一个基于Mozilla的浏览器的JavaScript调试环境，是Mozilla浏览器的一个扩展。Venkman基于Mozilla JavaScript调试API（js/jsd），js/jsd API 构成了 Netscape JavaScript Debugger 1.1的基础，Netscape浏览器4.x系统都提供了这个调试工具。Venkman是目前比较流行的JavaScript调试工具。强烈推荐这个刚下载了一个Mozilla免费调试器 JavaScript Debugger。这个调试器的前身为Netscape的JavaScript调试器，它是Mozilla的一个附加产品。Venkman JavaScript调试器既是一个图形，也是一个控制台调试器。下载并安装Venkman JavaScript调试器后，就可以通过“工具|Web开发|JavaScript调试器”菜单启动它。这个附加产品允许你查看和调试位于源文件或网页中的JavaScr