美文网首页不愿做个3流前端的3流前端
使用Chrome 调试移动端页面

使用Chrome 调试移动端页面

作者: ahole | 来源:发表于2017-08-19 22:13 被阅读23次

前言

现在 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

心情

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

相关文章

  • 使用Chrome 调试移动端页面

    前言 现在 Chrome 的地位就像是十年前IE的地位。对于前端开发者来说,Chrome console 的是超级...

  • 移动端网页调试

    chrome的inspect 在桌面端chrome输入下列语句并在手机端启动相应页面后,就可以进行移动端调试了:c...

  • x5 webview Remote Debugging chro

    移动端Web开发调试之Chrome远程调试(Remote Debugging) 使用x5webview,chrom...

  • 移动端js调试工具:eruda

    通常写前端页面都在Chrome浏览器的开发模式下进行调试,但是写放在移动端的H5页面时,有时候会遇到在Chrome...

  • 调试工具的使用

    开启调试窗口 windows 平台: f12 调试窗口介绍 指针: 选择页面中的元素 手机: 使用移动端界面调试 ...

  • 面向对象01-调试工具

    开启调试窗口 windows 平台: f12 调试窗口介绍 指针: 选择页面中的元素 手机: 使用移动端界面调试 ...

  • memoryCache和diskCache 相关总结

    在调试小程序webview时发现了一个问题小程序内嵌移动端网页,chrome打开是已经调试好的页面,没有任何问题,...

  • 前端疑难杂症

    chrome移动端调试 preventDefault() 没有效果。实际上在真正的移动端是有效果的

  • 移动端调试

    1.直接在chrome和safari切换到移动端调试2.chrome://inspect/#devices 直接在...

  • 02-移动端调试工具-Weinre真机调试

    之前做移动前端调试页面的时候就是简单的使用Chrome模拟器调试,能满足基本基本的需求;如果是涉及到真机调试Chr...

网友评论

    本文标题:使用Chrome 调试移动端页面

    本文链接:https://www.haomeiwen.com/subject/dalxdxtx.html