# 开发调试 {#开发调试}

# 开发工具 {#开发工具}

• 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调试利器

# 优化 {#优化}

# 图标库 {#图标库}

• iconfont (opens new window)阿里图标库

# 图片压缩 {#图片压缩}

• 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在浏览器中的兼容性。