Android通过USB在Chrome里进行真机调试的方法

Someone Lazy

已于 2024-05-10 11:33:28 修改

阅读量1.2k

点赞数 4

文章标签： android 前端测试工具 adb web app chrome

于 2024-05-10 10:57:34 首次发布

本文链接：https://blog.csdn.net/weixin_44153190/article/details/138580247

版权

前端进行APP开发时，常会遇到调用插件时出现的问题没有办法通过浏览器进行调试解决，这时候就只能通过真机调试。总结一下通过USB连接手机进行调试的方法。

物品：一条数据线（最好是原装的，试过3合1的数据线没有用）、安卓手机

电脑：安装Android SDK Platform-Tools，需要用到与Android平台交互的工具adb

一、电脑设置

1、下载Android SDK Platform-Tools

win+R打开cmd，输入adb：

如果提示'adb' 不是内部或外部命令，也不是可运行的程序或批处理文件，说明还没安装Android SDK Platform-Tools或是还没配置环境变量。

Android SDK Platform-Tools下载链接

下载后将解压后的各个应用程序和应用扩展程序复制到D:\AndroidSDK\platform-tools，放的位置自己定咯。

2、环境变量配置

直接在win10搜索栏里搜索环境变量编辑，即可进入环境变量设置面板，从系统属性进去也一样

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Someone Lazy

关注关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Windows + Android 真机设备，Flutter 真机调试遇到的一些问题

ri85246的博客

04-23

831

Android Studio（Windows）配合 Xiaomi11 Pro Flutter 真机测试，遇到了一些问题，记录一下问题和解决方法。

如何真机调试微信h5页面

热门推荐

zwkkkk1的博客

08-04

1万+

最近在项目中接手微信环境h5页面的开发，主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配。目前项目暂时告一段落，希望可以用几篇文章记录并分享这些天来学习、开发微信h5页面的心得、体会~ 由于微信环境、sdk的限制，在微信环境下如何有更加良好的调试体验还是有一些坑的，本篇将主要介绍本人在实际业务开发中使用到的微信环境下h5页面的三种调试方法（由于没有苹果手机，所以在开发自测...

1 条评论您还未登录，请先登录后发表或查看评论

Chrome真机调试Android 你不知道的Chrome调试技巧

幻影浪子

07-19

2020

2、使用usb数据线连接手机端（手机端chrome浏览器版本和桌面端最好相近或一致，安卓手机需要选择usb调试并支持文件传输，识别到设备后，就可以看到远程设备调试设备目标Remote Target）谷歌开发者工具提供了一系列的功能来帮助开发者高效Debug网页应用，让他们可以更快地查找和修复bug。在谷歌的开发者工具中，有非常多有用的小工具，但是很多开发者并不知道。比如你想查看手机端浏览器运行时的调试日志，怎么办呢？使用电脑端谷歌浏览器的远程调试功能即可。3、找到你要调试的应用，并点击下面的。

chrome://inspect下调试真机

badbaby52906的博客

03-13

2542

在手机真机测试luckysheet的移动端的时候，调试不方便。记录下inspect调试。

Chrome对安卓手机网页进行真机调试

CodingCat

07-29

2279

前期准备 PC端安装Chrome浏览器。手机安卓Chrome浏览器连接电脑数据线一条。梯子。操作步骤数据线连接电脑。手机打开USB调试模式并选择USB连接用途为“传输文件”。手机打开谷歌浏览器，并打开需要调试的网页。电脑打开 chrome://inspect/#devices 会进入相应的工具页面。选择你要调试的应用，点击下面的“inspect”进入对应的调试页面。接下来就可以进行愉快的调试了。后续如果第一次调试的时候遇上 “HTTP/1.1 404 Not

手机chrome浏览器真机调试PC端本地的项目

KOOK007的博客

07-26

2765

手机chrome浏览器真机调试PC端本地的项目

Chrome真机调试安卓和ios

kjnsfijglqj的博客

12-03

2305

使用Chrome调试工具需要翻墙，在地址栏中输入chrome://inspect/#devices 选中discover usb devices。安卓（安卓4.4版本以上） 1、在android设备上开始开发者模式 2、将设备连接到PC，在chrome浏览器地址栏输入：chrome://inspect/#devices 3、在手机上打开网页的时候，chrome就会检测到网页，可以直接调试...

9102了，你还不会移动端真机调试吗

10-17

Chrome真机调试适用于Android设备，它允许开发者通过电脑上的Chrome浏览器直接调试手机上的Chrome。首先，确保手机已开启USB调试，并通过USB连接至电脑。在电脑上打开Chrome，输入`chrome://inspect`，勾选...

网页真机调试DEMO（Android）

12-12

9. **真机调试技巧**：如使用Logcat查看应用程序日志，通过USB连接电脑进行调试，或使用无线调试模式，这些技巧能够帮助开发者更高效地定位和解决问题。 10. **版本控制**：使用Git等版本控制系统进行代码管理，...

安卓手机浏览器调试

weixin_34198583的博客

11-14

483

1.打开安装的开发者模式（百度各自平台如何打开开发者模式） 2.在谷歌浏览器中输入 chrome://inspect/#devices 转载于:https://www.cnblogs.com/fqybzhangji/p/7832871.html...

web移动端真机调试（chrome 浏览器）

qq_45747074的博客

02-27

4751

简单阐述了怎样在实体安卓机上进行调试页面

电脑Chrome浏览器调试Android手机网页

qq_66579387的博客

11-05

4761

使用chrome://inspect/#devices 手机环境打开开发者模式开发者模式中选择USB调试正常读取到手机状态后点击inspect 如果出现HTTP/1.1 404 Not Found白屏我是打开了一下科学上网工具就解决了测试了三星，微软，谷歌三款浏览器均可以正常调试

安卓手机连到PCchrome上进行调试

twq555的博客

07-20

1391

安卓手机连到PC chrome上进行调试。

android自带浏览器调试,Android 手机浏览器调试使用Chrome进行调试实例详解

weixin_30586417的博客

05-28

2269

搜索热词使用PC上的 Chrome 远程调试手机端的页面工具准备手机端：chrome for Android,；PC端：安装谷歌浏览器(最好是最新版的开发者版本)USB 连接线,也就是你充电器的那条线开启调试模式使用 USB 连接你的电脑，并开启调试模式。使用 Android 4.2 或以上的手机可能没有调试模式选项，可以找到 “设置 > 关于手机 > 版本号(Build Numbe...

chrome调试手机网页

ayang1986的专栏

09-30

1525

chrome 手机调试 Webkit是一个开源的浏览器引擎，与之相对应的引擎有Gecko（Mozilla Firefox 等使用）和Trident（IE 使用）。同时WebKit也是苹果Mac OS X体统引擎框架版本的名称，主要用于Safari，Dashboard，Mail 和其他一些Mac OS X 程序。 Google Chrome 谷歌浏览器 Safari浏览器搜狗高速浏览器 ...

9102了，你还不会移动端真机调试？

lentoo的博客

03-23

205

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。...

unity android真机调试_9102 了，你还不会移动端真机调试？

weixin_39754616的博客

12-03

168

(给前端大全加星标，提升前端技能)作者：前端小姐姐https://segmentfault.com/a/1190000018613578移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去...

使用Google内核浏览器调试真机网页