手机开发总是出现各种各样的问题,又不好调试,这时就需要pc去调试手机
    一、安卓手机
    使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices
    1.手机开启开发者选项,打开usb调试,连接电脑
    2.手机上打开一个网页,只要是webview形式的网页应该都是可以的;
    3.开启翻墙软件(我用的是西游)
    4.电脑chrome浏览器地址栏输入:chrome://inspect/#devices ,会看到如下图的情况(上面会看到你所连接的设备的名称和信息,下面就是当前设备上可以用于在电脑上调试的页面的一下信息,地址、标题、网页大小。。。,如果没有显示设备信息,则表示没有连接好,可以插拔手机或关闭调试模式重开一下);
    image.png
    5. 找到你准备调试的那个,并且确保手机上的那个页面也是处于激活状态的的,然后点击蓝色的 inspect 链接,会弹出一个新的窗口;
    image.png
    接下去就可以跟pc端一样使用了
    如果连接不成功,请更换客户端包,介意debug包
    如果实在连接不成功
    1.确保USB与PC的连接
    2.使用adb启动

    二、苹果手机
    1.打开iphone手机的开发者模式,流程是:【设置】->【Safari】->【高级】->开启【Web检查器】
    image.png
    2.打开Mac上Safari的开发者模式,流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选
    image.png
    3:用数据线将iphone手机和mac连接起来,在电脑的safari中按照流程执行:【开发】->【手机名称】->【正在调试的网站

    image.png
    image.png

    三.抓包工具charles
    1.下载安装charles
    首先确保电脑和手机在同一个热点上面
    电脑连接热点打proxy => proxy Setting
    image.png
    port一般默认8888
    Enable transparent HTTP proxying 这个可以不勾选
    image.png
    手机与电脑连接同一个网络
    image.png
    image.png
    代理改成手动,主机名=》电脑ip 端口image.png
    报错,charles就会弹出弹窗,点击allow就可以看到各种请求
    image.png

    image.png
    抓取的是http的请求
    如果需要抓取https
    在配置了代理的手机,手机在浏览器上面输入chls.pro/ssl 然后下载按操作安装证书
    image.png

    image.png
    要是还有问题百度吧