本文目录一览：
web前端开发工具排名是什么？
web前端开发工具排名是：
1、编辑器: sublime, webstorm, atom, vim等。
2、调试工具: 浏览器自带的devtools，移动端页面远程调试等。
3、构建工具: gulp, grunt, webpack。
4、包管理工具: bower。
5、远程服务器工具: filezilla/shell。
工具主要作用就是帮工程师减少工作量，自动化处理，如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库。
想要了解更多有关web前端的相关信息，推荐咨询千锋教育。千锋教育成立教研学科中心，推出贴近企业需求的线下技能培训课程。课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训。采用全程面授高品质、高体验培养模式，非常值得选择。
web抓包工具有哪些
HTTP Analyzer
界面非常直观,无需选择要抓包的浏览器或者软件，直接全局抓取，很傻瓜化，但是功能决定不简单。其他抓包工具有的功能它有，其他没有的功能它也有。点击start即可进行抓包,红色按钮停止抓包，停止按钮右边的就是暂停抓包按钮。
HttpWatch
界面和HTTP Analyzer有点像，但是功能少了几个。而且只能附加到浏览器进行抓包。附加的办法：打开浏览器-》查看-》浏览器栏-》HttpWatch，然后点record即可抓包。
特点：抓包功能强大，但是只能依附在IE上。Post提交的数据只有参数和参数的值，没有显示提交的url编码数据。
HTTPDebugger
同样是全局抓包，抓包和停止抓包同个按钮。软件界面感觉没有那么友好，POST的数据只能在requestcontent内查看，只显示提交的url编码数据
推荐下几款web原型设计工具，介绍下其各自的优缺点.
web原型设计工具有Pixso协同设计等。
1、Pixso协同设计灵活的钢笔工具，不同于Sketch只能在线上增加点或移动单个点，Pixso可以通过移动矢量的线，所有连接的点也可以自动跟随。另外还可以支持对矢量线组成的不同区域进行填充颜色。
2、Pixso协同设计的布尔工具、蒙版工具，径向渐变，可以满足不同的设计场景。画板工具，可以轻松对齐调整复杂图形。
传统的沟通设计研发交付，需要借助3款以上的软件。零散式交付，无有效的版本控制，切图和标注繁琐且容易出错。使用Pixso只需要一个链接，就可以同时完成预览、评审、标注查看和切图。
想要了解更多关于原型设计的相关信息推荐选择Pixso协同设计。利用Pixso设计资源，快速开启原型制作，模拟最终产品形态和交互效果，实现了模拟画笔的特色，提供精细化矢量设计，自由切割线段，连点成面。基于云端协同编辑，Pixso将产品经理、设计师、开发的日常工作连接起来，实现协作更高效，设计更流畅。
