1.iso的safari和android的chrom调试（旧方法）

手机端页面，大多运行在webkit内核的浏览器上，要说明的是，iOS平台只能用自带的Safari浏览器来
调试，而Android平台也只能用google Chrome浏览器来调试。

一、iOS + Safari

1、打开手机web检查器。

通过【设置】>【Safari】>【高级】>【Web检查器】打开。

2.链接电脑（Mac）

2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）
2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：

3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：

3.调试网页

此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应
布局也会高亮起来

二、Android + Chrome

Android现在手机和电脑上都安装Chrome。然后手机上打开Chrome，电脑上 设置 – 更多工具 – 检查设备 ，
不就好了么，有那么麻烦么

综上转于：http://www.codingserf.com/index.php/2014/05/debug-on-devices/