移动端真机调试的一种方法：Chrome + Android

已于 2022-02-26 21:50:06 修改
阅读量1.6k 收藏
点赞数
文章标签： chrome 前端 android
于 2022-02-26 21:48:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ppawjl/article/details/123156460
版权

近日get到移动端真机调试的一种方法：Chrome + Android
1、首先在chrome安装ADB Plugin（扩展程序）
2、然后在chrome地址栏输入 chrome://inspect 回车
3、用数据线连上电脑和手机，打开手机的USB的调试模式
4、就可以在页面中找到自己连接的设备：

备注：ios不适用 ，只适合Android

Wjl呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android adb调试_使用插件或adb进行android无线调试
weixin_26727575的博客
08-24 1232
android adb调试As Android developers, we daily code and run our applications to check the output. I think the most fascinating aspect of Android development is that we see the results instantly on our m...
cbi-weather:Chrome + OS X状态栏应用程序显示当前CBI标志状态
05-15
它可以通过几种方式加载： Chrome网上应用店（生产版） 通过访问Chrome网上应用店安装最新发布的版本。 此应用只能通过此链接使用，并且不会出现在搜索结果中： 加载解压扩展（开发） 访问chrome：// extensions...
chrome真机调试Android
一呀一转转圈
11-18 3141
1. 打开Android手机的调试模式 将手机与电脑用数据线连接，确保电脑上安装了手机的驱动，手机打开调试模式 2.打开chrome, 输入网址： chrome://inspect/#devices 点击inspect按钮，会弹出一个新的窗口，上面会显示手机上的页面 如果打开白屏，可以尝试下翻墙或代理 ...
Chrome调试Android手机
努力，追梦的博客
04-30 434
老师介绍了一个Chrome调试Android手机的教程，亲自试过，很不错，分享给大家 http://ask.dcloud.net.cn/article/69
Android通过USB在Chrome里进行真机调试的方法
最新发布
weixin_44153190的博客
05-10 372
Android通过USB进行真机调试的方法
真机调试页面android+chrome
eno的博客
12-20 1106
使用android手机调试网页 前提准备 安装了chrome的android手机 电脑安装chrome 手机与电脑连接 手机上打开开发者模式, 不知道怎么打开的自行百度 使用USB与电脑连接, 并打开USB适调 电脑chrome开发工具页面 地址栏输入 chrome://inspect 进入页面后勾选 Discover USB devices 手机上会出现提示是否允许适调, 点击确定 ...
Android ADB wifi插件安装及命令行链接。附： ADB命令大全
likai_rabbit的博客
05-19 1771
最近在玩arduino ，弄了Nano通过OTG线链接手机进行串口通信。but,问题来了，OTG占据了usb口，怎么调试软件。早就听说有adb wifi可以进行无线调试，但本人懒惰从未尝试。这次迫于无奈研究一番，小有经验，也有缺陷，望高人指点。一、Android studio 插件安装1.File—Setting2.Plugins—-Browse repositories3.搜索adb wifi
微信公众号真机调试（详细说明文档有截图）
03-23
1.使用TBS Studio进行微信公众号真机调试扫描二维码报错无法...2.本方法是在最新版微信基础上真机公众号调试，手机电脑同屏利用浏览器的chrome://inspect/#devices来调试（无需FanQ）包内是详细说明文档有截图亲测可用
Android通过Chrome Inspect调试WebView的H5 App离线.rar
09-10
1.前端开发离不开Chrome的开发者工具，尤其是调试Android WebView时。然而，如果使用chrome://Inspect的方法，国内的开发者会惊奇地发现“空白啊”！为此，我发布过这个离线包的解决方案！可以无需FanQ就能调试了。 ...
chrome-react-simple-starter:Webpack + Chrome + React = <3
05-10
这是一个适度的启动程序项目，该项目将react设置为在chrome扩展程序的options-page上运行。 入门 只需克隆repo，cd和npm install 从那里npm run build并通过chrome://extensions将构建目录添加到npm run build确保...
使用Chrome浏览器调试Android App详解
09-03
主要介绍了使用Chrome浏览器调试Android App详解,本网讲解了使用Facebook开源Stetho实现在Chrome中调试Android App中,需要的朋友可以参考下
chrome插件
01-27
前端必备插件 chrome 插件： fehelper, postman 前端必备插件
运用Chrome浏览器ADB插件获取页面元素
神是念着倒
06-07 8597
适用于：基于浏览器的Web应用（hybird app：混合模式移动应用） Win 10下Chrome版本：59.0.3071.86（正式版本） （64 位） 进入 Chrome网上应用店 https://chrome.google.com/webstore/category/extensions 添加至CHROME，将会在Chrome浏览器工具条上显示对应的图标 下面以真机Nexu
使用Chrome的WebADB工具来调试手机
凌晨不睡觉
12-22 8375
关于ADB可能移动端开发的同学会比较了解，通常都需要进行繁琐的环境配置如果需要在其他人的设备调试就比较麻烦了，chrome推出的WebADB可以不用安装任何依赖，直接连接手机
adb下载安装及使用
热门推荐
weixin_43927138的博客
05-23 62万+
adb介绍： Android Debug Bridge（安卓调试桥） tools。它就是一个命令行窗口，用于通过电脑端与模拟器或者是设备之间的交互。 ADB是一个C/S架构的应用程序，由三部分组成： 运行在pc端的adb client： 命令行程序”adb”用于从shell或脚本中运行adb命令。首先，“adb”程序尝试定位主机上的ADB服务器，如果找不到ADB服务器，“adb”程序自动启动一个A...
谷歌浏览器android插件开发工具,ChromeADB
weixin_29192211的博客
05-25 1970
ChromeADB的开发背景用户android开发人员来说，对于ADB调试工具可能都不会陌生，ADB的全称为Android Debug Bridge，借助于ADB工具，我们可以管理和调试手机、查看模拟器的状态，还可以使用一些Shall命令对手机进行一些指令操作。而今天给大家推荐的这款chrome插件就是一款网页版的ADB调试工具。ChromeADB的简介ChromeADB是一款android的辅助...
Android studio安装插件 ADB IDEA报错：Plugin 'ADB Idea' is incompatible with this installation
Android&前端
05-08 2513
首先进入as的插件安装界面没安装会显示如下进入里面这样安装可能安装不了，下载很慢，也可能下载不下来！这时候需要离线安装了离线安装首先要下载离线安装包，下载地址自己百度！注意要adb idea的版本要和as的版本兼容，否则安装的时候报异常：Plugin 'ADB Idea' is incompatible with this installation如何查看as的版本这个as的版本是162对照表：所...
Android Studio 安装插件ADB Idea
s1769386221的博客
10-24 2937
大家在做开发时会经常因为某个存储的数据影响调试而不得不卸载app重新安装，今天介绍个android studio插件给大家，彻底抛弃这些繁琐的步骤！
让ADB使用更方便,adb-idea插件升级版发布
long for us
10-14 5318
起源 前段时间鸿洋推送的一篇《推荐3个有用的开源项目》文章中,推荐了一篇github上的ADB 用法大全 ,非常的全面,正如大全中提到的: &amp;amp;amp;amp;amp;amp;quot;ADB，即 Android Debug Bridge，它是 Android 开发/测试人员不可替代的强大工具，也是 Android 设备玩家的好玩具.&amp;amp;amp;amp;amp;amp;quot;相信做安卓开发的肯定都会用到.它的功能是非常强大的.但是强大一般也意味着复杂.我除了
vscode vue真机调试
02-21
VSCode是一款非常流行的代码编辑器，而Vue.js是一种流行的JavaScript框架。在VSCode中进行Vue真机调试可以帮助开发者更方便地调试Vue.js应用程序。 要在VSCode中进行Vue真机调试，可以按照以下步骤进行设置： 1. 首先，确保你已经在本地安装了Vue.js应用程序，并且已经使用`npm install`或`yarn install`安装了所有依赖项。 2. 在VSCode中打开你的Vue.js项目文件夹。 3. 安装VSCode的"Debugger for Chrome"扩展。这个扩展可以帮助我们与Chrome浏览器进行调试。 4. 在VSCode中打开调试面板（快捷键：`Ctrl + Shift + D`）。 5. 点击调试面板左上角的齿轮图标，选择"Chrome"作为调试环境。 6. 在调试面板中点击"create a launch.json file"链接，这将会创建一个名为`launch.json`的文件。 7. 在`launch.json`文件中，将配置修改为以下内容： ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Vue.js Chrome", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}/src", "breakOnLoad": true, "sourceMapPathOverrides": { "webpack:///src/*": "${webRoot}/*" } } ] } ``` 请注意，上述配置中的`url`和`webRoot`可能需要根据你的项目进行相应的修改。 8. 在VSCode中点击调试面板左侧的绿色箭头按钮，启动调试。 9. 打开Chrome浏览器，并访问你的Vue.js应用程序（通常是`http://localhost:8080`）。 10. 在Chrome浏览器中进行操作，VSCode将会自动暂停在你设置的断点处，你可以使用VSCode的调试工具进行调试。 这样，你就可以在VSCode中进行Vue真机调试了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值