移动端H5调试基础

适用场景

此文档描述场景适用于Android机型及Chrome内核的浏览器

参考文档

Chrome Developer开发文档链接(需要梯子)
https://developer.chrome.com/docs/devtools/remote-debugging/

步骤

一、打开手机USB调试模式

不同厂商及系统的打开方式不一致,具体机型请百度

开启手机调试模式

示例:鸿蒙os
1、打开【设置】,然后在设置界面找到【关于手机】点击进入到关于手机界面;然后在界面中,连续点击【五次版本号】即可进入到开发者模式中,只有进入到此模式中,才能有开发者选项功能,进行USB调试;
2、依次进入【设置】-【系统和更新】-【开发人员选项】-【USB调试】

小米
1、【设置】-【我的设备】 -【全部参数】 -【MIUI版本】连续点击五次
2、【开发人员选项】-【USB调试】

连接数据线

等待系统安装驱动,确认手机系统下拉通知栏中有一个【已连接USB调试】提示
如果驱动有问题,请百度

二、在Chrome中打开调试页

Chrome地址栏输入chrome://inspect/#devices 并打开
image

三、真机调试

找到手机上已打开的移动端页面,点击inspect打开devTool,此步骤需要梯子,待完整打开devTool后可关闭梯子
image

image

posted @ 2022-08-19 18:58  Lee_Per  阅读(601)  评论(0编辑  收藏  举报