# 开发调试 {#开发调试}
# 开发工具 {#开发工具}
- VsCode (opens new window) 微软开源
- WebStorm (opens new window) JetBrains 出品的智能 JavaScript IDE
# 调试工具 {#调试工具}
- Chrome
- Firefox
- ucdevtools (opens new window)移动端调试工具
- vconsole 针对手机网页的前端开发者调试面板
- vconsole (opens new window)支持Android4.4
- vconsole-webpack-plugin (opens new window)Android4.4以上
- spy-debugger (opens new window)一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybridApp等)。支持HTTP/HTTPS,无需USB连接设备。
# 抓包工具 {#抓包工具}
- Charles (opens new window)macOS推荐
- Fiddler (opens new window)windows推荐
# 效率工具 {#效率工具}
# 设计稿自动标注 {#设计稿自动标注}
- pxcook (opens new window)支持windows、macOS
- 蓝湖 (opens new window)在线
# Chrome插件 {#chrome插件}
- Fehelper (opens new window)Web开发者助手
- vue devtools vue调试利器
# 优化 {#优化}
# 图标库 {#图标库}
# 图片压缩 {#图片压缩}
- tinypng (opens new window)在线
- 智图 (opens new window)支持windows、macOS、gulp插件
# 其他工具 {#其他工具}
- SwitchHosts (opens new window)host切换工具,支持windows、macOS
- Can I Use (opens new window) 前端浏览器兼容性查询工具,查询Css、Js在浏览器中的兼容性。