网页远程调试Android,远程调试 Android 设备网页

本文介绍了如何在Chrome浏览器上进行安卓手机网页的远程调试。首先,需要在手机上启用开发者模式并开启USB调试。接着,通过USB线连接手机和电脑,并在电脑的Chrome开发者工具中选择“远程设备”,确保手机被发现。然后,在手机上打开Chrome浏览器,开发者工具会同步显示已打开的网页。输入网址后,点击“Inspect”即可开始调试,预览和调试工具都在桌面浏览器中呈现。
摘要由CSDN通过智能技术生成

网页在手机浏览器打开时,怎么调试?

安卓设备的 Chrome 浏览器支持远程调试,可以使用桌面浏览器的开发者工具。本文介绍如何进行远程调试。

a3d403066377522019747d1c5774057c.png

Step 1:启用开发者模式

远程调试需要打开” 开发者模式”。如果你的手机已经打开,可以跳过这一步。

开发者模式的打开方法是,进入” 设置 > 关于手机” 菜单,找到” 内部版本号” 这一项(或类似名称的条目),在上面连续按七次。退回上一级菜单,应该就能看到” 开发者模式”。

进入其中,打开”USB 调试” 选项。

b24baad1f96821d6b14db36aa8cb0a29.png

Step 2:连接手机

使用 USB 线将手机和电脑连接起来。手机可能会有弹框,询问是否允许访问手机数据,选择” 允许”。

aa8559bc0e117b9617264674f15e2332.png

打开电脑的 Chrome 浏览器,进入” 开发者工具”。点击右上角三个点,进入设置菜单,打开” 更多工具 / 远程设备” 窗口。

1d67ffdee20e9ddea0baed7b05761766.png

选中 “Discover USB devices” 选项。

33739d3bd38cdc92e0964fba279930ce.png

这时应该可以看到手机已经连接成功了。

bcaf0ca0f88327fb4446eb63aa1718c0.png

Step 3:调试网页

安卓手机里面,打开 Chrome 浏览器。这时,桌面电脑的开发者工具应该会同步显示所有已经打开的 Tab 页。

并且,开发者工具还有一个输入框,让你输入想要访问的网址。输入以后,单击” 打开”,就会在手机浏览器打开这个网址。

f4b42d791f5540fa7fe2ced6aea7a64b.png

在开发者工具里面,所有已经打开的 Tab 页,选中想要调试的网页,点击后面的”Inspect” 按钮。

e54bc913c4855237c4f5846cc7c46bad.png

这时,就会弹出一个独立的调试窗口。左侧是手机浏览器的预览,右侧是各种调试工具,供开发者使用。

4d790ab1ae9c3f171a14c5a20567773c.png

“Inspect” 按钮旁边的” 更多选项”,还提供了重载、关闭等操作。

24917bcf6f3fce47becf8af03e8774ad.png

参考链接

(完)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值