如何在PC端进行移动端的调试(真机调试之android手机+Chrome)以及如何在移动端查看调试面板(console,network等)

本文详细介绍如何使用电脑对安卓手机上的Chrome浏览器进行远程调试,包括开启开发者模式、USB调试,以及通过chrome://inspect/进行页面调试的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、所需设备

一台android手机,一台电脑(PC与mac均可),一根android usb线。

二、使用方法

1.首先我们需要在自己的android手机上安装chrome浏览器;
2.我们需要打开手机的开发者模式,一般android手机都是以下路径打开开发者模式,设置->关于手机->版本号连按5次,之后设置菜单中会多出一个开发人员选项,进入将其中的"USB调试"打开即可;
在这里插入图片描述
3.将手机与电脑通过USB线连接,弹出对话框"是否允许USB调试",选择确定;
在这里插入图片描述
4.打开手机上的chrome,并进入需要调试的页面;
5.PC端新开chrome的tab,输入chrome://inspect/,进入调试页面。此时,我们发现,chrome检测到了我们的手机,与我们手机chrome上运行的网页:
在这里插入图片描述
6. 点击inspect弹出chrome调试工具,如图:
在这里插入图片描述
7.接下来就可以开心地进行移动端的调试了 ^ - ^

三、移动端调试面板vconsole

https://github.com/Tencent/vConsole/blob/HEAD/README_CN.md