chrome调试 Android 网页

一、设置android

设置 -> 开发者选项 -> USB调试

二、连接手机和电脑

1、用数据线，mac转接头把android和mac连接起来(确保手机和电脑已连接)；

2、打开android的chrome浏览器中需要调试的网页；

3、打开mac的chrome浏览器，在地址栏输入chrome://inspect。进入后，确认Discover USB devices已经勾选了，允许在电脑端进行USB调试；

4、在remote target上方，就可以看到连进来的手机型号；

5、选择元素，用电脑调试手机真机页面。

safari调试ios网页

1、打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】；

2、打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选；

3、用数据线将iphone手机和mac连接起来，在电脑的safari中按照流程执行：【开发】->【手机名称】->【正在调试的网站】；

4、最后，就可以按照调试pc端页面的思路来调试ios的页面了。