通过chrome浏览器调试手机页面(IOS和Android)
Posted tootwo2
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了通过chrome浏览器调试手机页面(IOS和Android)相关的知识，希望对你有一定的参考价值。
开发PC页面的时候使用chrome浏览器的开发者工具，可以很容易的捕获到页面的dom元素，并且可以修改样式，方便调试，但是手机上却很麻烦，因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC，使用PC的开发者工具检测
一、针对android设备
1、在android设备上开始开发者模式
2、将设备连接到PC，在chrome浏览器地址栏输入：chrome://inspect/#devices
3、在手机上打开网页的时候，chrome就会检测到网页，可以直接调试
二、针对ios设备
PS：如果使用的是MAC电脑，可以直接在safari的开发里面找到，我的Iphone里面可以检测网页
1、在Iphone的设置-》safari-》高级-》web检查器。打开
2、在电脑上安装ios_webkit_debug_proxy和RemoteDebug iOS WebKit Adapter
3、启动RemoteDebug iOS WebKit Adapter
remotedebug_ios_webkit_adapter --port=9000
4、在chrome地址栏输入：chrome://inspect/#devices，在Discover network targets里面增加localhost:9000，就可以在chrome里面调试手机页面了
以上是关于通过chrome浏览器调试手机页面(IOS和Android)的主要内容，如果未能解决你的问题，请参考以下文章
通过 Chrome 调试运行在 IOS-safari 上的页面