使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

本文详细介绍了如何使用电脑对安卓手机上的网页进行调试。主要内容包括启用开发者模式、连接电脑与手机、利用Chrome浏览器控制台进行远程调试等步骤。

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

我使用的手机是三星A9 ,其他安卓手机方式也相同,电脑是win 10 系统。

第一步首先打开手机的开发者模式,确保usb调试和通过usb验证应用程序保持打开状态,如图所示:

img_8b0a353ab027803596895736adacd865.png

第二步,最好是电脑和安卓手机都连接了谷歌浏览器

第三步,打开电脑上的谷歌浏览器,调出控制台,

img_bd7760030ccd78181993fd27c8928ed2.png
img_1f9b1debd5e39c4472fa262b5cb45516.png

我们点击More tools,再选择

img_3fd6bdfa92eb81a789ab13eb1b55cbfd.png

在之后的页面中,如图所示选项必须打对勾。

img_4daebdf2e5da6a17ce92f874d75dc447.png

然后用数据线连接电脑和手机,手机就会弹出一个连接提示,你点是就可以了,连接成功就会跟上图中红色箭头标注的一样,出现带绿色小圈的你的手机型号。

第四步,在电脑上的谷歌浏览器输入这个网址chrome://inspect/,就会出现如下图页面

img_26d54034f0b9602a6e3ff05ce80e9864.png

第五步,打开你手机上的谷歌浏览器,输入你想要调试的网页,我一般都是把网页放到我的本地服务器,在手机浏览器上输入我的本地网址,如果是一个百度页面的例子

img_c12f0505529a9588a6885c31d0575f26.png

最后一步,我们点击inspect就可以审查手机页面了,审查方法就跟审查PC网页一样了。

img_4fdcc266d7e1d69a87b4d9248bfb9a8f.png

以上,欢迎大家提供更多更好的想法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值