浏览器调试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 开始调试

相关推荐
weixin_4493108442 分钟前
高效集成:聚水潭采购数据同步到MySQL
android·数据库·mysql
Zender Han1 小时前
Flutter自定义矩形进度条实现详解
android·flutter·ios
白乐天_n3 小时前
adb:Android调试桥
android·adb
姑苏风7 小时前
《Kotlin实战》-附录
android·开发语言·kotlin
数据猎手小k10 小时前
AndroidLab:一个系统化的Android代理框架,包含操作环境和可复现的基准测试,支持大型语言模型和多模态模型。
android·人工智能·机器学习·语言模型
你的小1011 小时前
JavaWeb项目-----博客系统
android
风和先行11 小时前
adb 命令查看设备存储占用情况
android·adb
AaVictory.12 小时前
Android 开发 Java中 list实现 按照时间格式 yyyy-MM-dd HH:mm 顺序
android·java·list
似霰13 小时前
安卓智能指针sp、wp、RefBase浅析
android·c++·binder
大风起兮云飞扬丶13 小时前
Android——网络请求
android