浏览器--移动前端调试方案（Android + Chrome 实现远程调试）

最新推荐文章于 2025-06-06 11:05:04 发布
原创 最新推荐文章于 2025-06-06 11:05:04 发布 · 468 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍如何通过USB连接手机和PC，在同一局域网下使用Chrome进行远程调试。步骤包括：确保设备在同一网络，开启手机开发者模式及USB调试，安装Chrome浏览器，使用PC上的Chrome检测并连接手机设备，最后在手机上打开调试页面并开始调试。
部署运行你感兴趣的模型镜像

1.确保手机和PC 在同一个局域网下。（我做的时候手机开着热点，PC连到热点上，一定要关闭PC的防火墙）

2.打开手机开发者模式，属于USB调试。连接PC（用数据线)

3.给手机下载一个chrome

4.打开电脑的chrome 在地址栏输入 chrome://inspect  选中 Discover USB devices 可以检测到你的设备 可以看到监测到我的设备是M351 魅族X3 

5.打开手机上的chrome -- 输入可以访问到某一个调试页的地址。

点击Inspect就可以了

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

chrome调试android设备,在桌面chrome中调试android设备中的web页面
weixin_31539461的博客
05-27 753
准备工作1， 桌面版chrome2， Android设备(安装有chrome浏览器)3， Android-sdkAndroid-sdk安装及设置SKD安装从http://developer.android.com/sdk/index.html下载android-sdk开发包，安装后，执行SDK Manager.exe，安装android SDK Platform-tools工具包。环境变量配置：在...
在移动设备或仿真器上调试Ionic Android应用程序
04-06
4. **使用Chrome开发者工具**：同上，通过`chrome://inspect`可以远程调试你的设备上的应用。 ### 使用Logcat Android的Logcat工具是调试的重要组成部分，它可以记录应用的日志输出。在Android Studio中，你可以...
安卓远程调试工具
08-18
能够不使用数据线进行调试。使用方法：调试电脑和手机使用一个wifi，手机安装后打开远程调试，电脑打开cmd，输入adb connect XXX.XXX.XXX.XXX 即可（XXX是手机上显示的ip）
[转] 在安卓设备上使用 Chrome 远程调试功能
weixin_33967071的博客
02-25 502
你的网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供了远程调试功能，这让你可以在安卓设备上实时调试开发的内容。 安卓远程调试支持： 在浏览器选项卡中调试网站。 在原生安卓应用中调试网页内容。 将屏幕从你的安卓设备上投影到你的开发机器上。 使用端口转发和虚拟主机映射来让安卓设备访问开发使用的服务器。 需求 要开始远程调试，你需要： ...
Android上Chrome的远程调试
废弃的神庙
10-16 1983
Android上Chrome的远程调试
远程调试 Android 设备浏览器网页
chengyu1769的博客
07-03 993
网页在手机浏览器打开时，怎么调试？ 安卓设备的 Chrome 浏览器支持远程调试，可以使用桌面浏览器的开发者工具。本文介绍如何进行远程调试。 Step 1：启用开发者模式 远程调试需要打开”开发者模式”。如果你的手机已经打开，可以跳过这一步。 开发者模式的打开方...
chrome android 远程调试,chrome 远程调试
weixin_39638603的博客
05-27 539
方式一：　远程调式手机的chrome浏览器Chrome DevTools调试移动设备Brower Page Tabs/WebViews安卓远程调试目前支持所有操作系统(Windows,Mac, Linux, and Chrome OS.)中调试，支持：● 调试站点的页面● 调试安卓原生App中的WebView● 实时将安卓设备的屏幕图像同步显示到开发机器。● 通过端口转发(port forward...
移动端浏览器调试工具eruda前端项目
随着移动互联网的发展，越来越多的应用采用HTML5技术构建跨平台界面，但移动端调试长期存在痛点：Safari需通过Mac电脑连接进行远程调试，Android Chrome虽支持ADB调试，但在实际工作中仍不够便捷。Eruda通过引入一个...
Chrome浏览器Inspect离线调试工具包
结合标签中的“前端调试”、“远程调试”等关键词，可以推断该工具可能采用WebSocket或HTTP长连接机制，实现宿主环境（如移动端WebView、IoT设备浏览器）与调试客户端之间的通信。即使在无公网访问的情况下，只要...
Weinre远程调试工具助力移动Web开发
Weinre正是在这种背景下应运而生，它通过构建一个基于Web的远程调试环境，使开发者能够在桌面浏览器中实时查看和调试运行在远程移动设备上的网页内容。 从标题“weinre-jar-1.6.1.zip”可以看出，该文件是一个Java ...
安卓手机浏览器：远程调试
we chat：玩转测试开发
07-24 4160
有时我们需要调试手机浏览器网页信息，这时除了使用fiddler抓包拦截篡改，还可以通过USB连接，通过PC远程调试手机上的浏览器信息，进行映射。如果是chrome，请输入chrome//inspect/#devices。3、PC电脑edge输入edge//inspect/#devices。一般而言，勾选元素，网络，控制台，这三个。最后按照实际需要，查看网络请求和响应，或者修改元素或者元素属性。5、正常连接后，点击对应手机设备下方的inspect。6、进行实际需要的调试工作。...
前端远程调试
weixin_34255793的博客
02-25 529
原文刊登在我的github 调试是开发过程很重要的过程，而随着移动端的普及，移动开发也越来越多，并且由于移动端的诸多限制，使得调试相对PC复杂很多。因此远程调试就显得非常重要了。 近几年，浏览器厂商也纷纷推出自己的远程调试工具，比如Opera Mobile 推出的Opera Dragonfly，iOS Safari 可以开启Web检查器在 Mac OS X系统中实现远程调试。Android 4...
如何使用Chrome在Android设备上远程调试网站
weixin_26707115的博客
09-16 482
With Android being installed on over 2.5 billion devices, web developers cannot neglect optimizing web pages for Android. The web browser of choice for Android users will most likely be Google Chrome,...
前端开发人员的远程调试
culi3182的博客
08-15 992
前端远程调试Front-end development used to be (kind of) easy. You could install a bunch of browsers on a couple of different computers / operating systems, physical or virtual, and use the developer tools bu...
使用Chrome远程调试Android移动端WebView中的JS
yingaizhu的博客
02-09 9971
1. 前言移动端网页开发，最头疼的就是调试了，谷歌Chrome支持远程连接Android设备，调试WebView中打开的页面。2. 准备工作Android开发环境（adb工具）一个Android设备，在PC安装好驱动（如果需要），开启调试模式，开启调试模式的方法这里就不累赘了，使用USB链接到电脑PC端安装Chrome浏览器PC端有可以正常使用的VPN（据你的网络环境而定是否需要，这个大家都懂的）...
手机浏览器调试网页(F12开发者模式)
最新发布
qq_40711034的博客
06-06 8926
打开 Mac 上的 Safari → 顶部菜单栏「Safari」→「设置」→「高级」→ 勾选「在菜单栏中显示开发菜单」。电脑 Safari 顶部菜单栏点击「开发」→ 选择你的 iPhone 设备 → 点击网页名称。进入手机「设置」→「关于手机」→ 连续点击「版本号」7 次启用开发者模式。用 USB 数据线连接手机和电脑，在手机弹窗中选择「允许 USB 调试」。进入「设置」→「Safari」→「高级」→ 开启「Web 检查器」。返回「设置」→「开发者选项」→ 开启「USB 调试」。
chrome调试手机网页
silent_F的博客
05-30 7598
浏览器，就会有图中框框中的内容，浏览器页面越多，框框里的内容就越多，而且每一条下面都会显示你打开的网址，选择自己要调试的网页就行。3、刷新浏览器，就会出现下面界面，如果没有出现，等一会儿再刷新，只要手机成功连上电脑，就一定会出现下面界面。，说明手机没有连接成功，只要连接成功，哪怕手机没有打开浏览器，也会出现对应手机的型号。3、需要科学上网，可以自行下载梯子，也可以修改本地。进入手机设置，找到开发者模式，然后启用USB调试。2、选择扩展程序，选择管理扩展程序。2、手机通过数据线连上电脑，选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值