前言

当前前端开发任务主要可分为PC端和移动端，而移动端比率不断扩大的扩大的趋势，如当前B端C端开发任务中大部分都为移动端。

移动端主流操作系统现在分为两大阵营：iOS和安卓，虽然它们无论是内置的浏览器（苹果的Safari、Android原生浏览器）还是第三方浏览器（UC、QQ手机浏览器、百度浏览器等）大多都是基于Webkit内核，但由于版本不同以及安卓系统的碎片化，不同机型表现也各不一致。另一方面，WebView内核的复杂性（如微信WebView、QQ WebView使用X5内核）也对前端兼容性提出了要求更高，例如你的页面在Chrome for Android里面很正常并不意味在微信的WebView里面正常。所以碰到问题时根据系统及环境采取相应的调试方法可以极大加速我们的开发及修复流程。

根据全球浏览器占比（Chrome > Firefox > IE > Safari > Opera）和中国浏览器占比（Chrome > IE > 搜狗 > QQ），PC端占比最大的是Chrome浏览器，本文中将介绍的各种移动端调试工具在调试阶段也都是基于Chrome的调试面板，所以不管何种调试工具，使用之前知道一些Chrome开发者工具调试技巧尤为必要，具体可见Chrome调试官方教程和中文整理版。

本文将从与调试相关的代理工具、模拟器、同步工具开始，从iOS和Android两个角度出发介绍一些常用的移动端调试工具。