浏览器调试Android App

浏览器调试Android App

    • [1. 背景](#1. 背景)
    • [2. 调试工具](#2. 调试工具)
    • [3. 手机设置](#3. 手机设置)
    • [4. 打开浏览器(edge)](#4. 打开浏览器(edge))
    • [5. 连接手机](#5. 连接手机)
    • [6. 点击inspect 开始调试](#6. 点击inspect 开始调试)

1. 背景

复制代码
在工作中经常会遇到在原生app中嵌套h5,
但是在某些需要在app里面调试的内容,
却没有像chrome开发者工具这样的工具来帮助我们快速的定位问题,
经过最近项目的开发,让我对app内h5开发有了些新的认识,故记录下

2. 调试工具

复制代码
USB数据线
安卓手机,
电脑(安装edge或chrome浏览器)

3. 手机设置

下面红米手机为例

手机设置 -> 更多设置 -> 开发者选项开启 -> 打开 USB调试,USB安装,USB调试

如果没有开发者选项可以找到 "设置 > 关于手机 > 版本号,多次点击7次以上可以开启开发者选项.

4. 打开浏览器(edge)

地址栏输入edge://inspect/

chrome浏览器输入 chrome://inspect/

5. 连接手机

使用数据线连接手机和电脑,手机选择usb共享

打开上图页面不动,等一会儿会出现连接手机型号.

如果长时间不显示手机,可以多吃拔插USE线试试

出现如下图所示表示连接成功

6. 点击inspect 开始调试

相关推荐
Chrome深度玩家33 分钟前
谷歌翻译安卓版拍照翻译精准度与语音识别评测【轻松交流】
android·人工智能·语音识别
长点点1 小时前
从架构角度了解安卓APP(1):安卓核心组件的设计逻辑与演进
android·架构·app
用户71887350336801 小时前
Android适配最新SplashScreen方案
android·android jetpack
EQ-雪梨蛋花汤2 小时前
【Part 2安卓原生360°VR播放器开发实战】第二节|基于等距圆柱投影方式实现全景视频渲染
android·音视频·vr
Railshiqian2 小时前
Framework.jar里的类无法通过Class.forName反射某个类的问题排查
android·反射·framework.jar
鸿蒙布道师3 小时前
鸿蒙NEXT开发正则工具类RegexUtil(ArkTs)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
Anger重名了3 小时前
🌟 一篇文章搞懂Kotlin协程:比线程更轻量的并发神器
android
缘来的精彩3 小时前
adb常用的20个命令
android·adb·kotlin
tangweiguo030519874 小时前
Android kotlin通知功能完整实现指南:从基础到高级功能
android·kotlin