使用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 -> 开启。

  1. 本机 Chrome 操作
一图胜千言
  1. last step
Enter URL

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

  1. done
开始debug

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

心情

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容