电脑端浏览器调试移动端网页 支持调试Android和ios

Android

1. 谷歌浏览器 Chrome (需要翻墙)

① USB连接电脑并开启USB调试

(以vivo为例 其他手机找到版本号多次点击)

设置--更多设置--关于手机--多次点击软件版本号(开启开发者模式)--开发者选项--开启USB调试

② 访问 chrome://inspect/#devices

上面会看到你所连接的设备的名称和信息，下面就是当前设备上可以用于在电脑上调试的页面的信息，地址、标题、网页大小。如果没有显示设备信息，则表示没有连接好，可以插拔手机或重新开启USB调试

③ 手机上打开一个网页，webview形式的网页一般都可以

 点击inspect 就可以启动调试

2. 谷歌内核的Edge浏览器 (不需要翻墙)

新版edge下载地址: 下载 Microsoft Edge Web 浏览器 | Microsoft

操作原理同Chrome，访问地址更改为 edge://inspect/#devices

iPhone 

1. Mac端Safari浏览器

① iPhone端开启网页检查器

设置-- Safari浏览器--高级--开启网页检查器

② 开启电脑端"开发"选项

mac Safari浏览器--偏好设置--高级--在菜单栏中显示"开发"菜单

 ③ USB连接Mac，在Safari开发选项中选中设备和页面

 可以进行元素，接口请求，网络等进行调整