使用Chrome 调试移动端页面

前言

现在 Chrome 的地位就像是十年前IE的地位。对于前端开发者来说，Chrome console 的是超级棒的。不得不佩服 Google 。
今天遇到的问题是写了页面在PC 没有问题，但是到手机就不行了。�而且初步定为是 JS 问题，没有提示信息就很烦。搜了下Chrome 有对这样的问题进行处理，通过把手机与PC相连来调试手机页面。

纯属翻译

开发者还是好好看文档吧 remote-debugging 。

准备：

1. 手机PC都使用最新的Chrome
2. 用USB 让PC 手机相连
3. windows 需要多这一步 USB drivers
4. Android 4.0 +
5. 翻墙，因为需要登录手机Google账户

手机授权

1. Enable USB Debugging

手机玩起来，我用的使用魅族，步骤是 Setting -> About phone -> Build number(这个不是按钮，藏的比较深,还要连续点7次) -> 搜索
USB debugging -> 开启。

2. 本机 Chrome 操作

一图胜千言

3. last step

Enter URL

输入想调试的URL ，然后就可以跟PC 一样调试移动端了。

4. done

开始debug

你不可能一帆风顺的，看文档吧。fuck the docs. remote-debugging 。

心情

异地恋，深圳 - 武汉 ，我的天。