scrcpy - 调试 h5

有时候,我们想要调试 H5应用,比如这种属于 app 内嵌的 h5 应用的调试,可能 vConsole 不总是有效果的

今天推荐一款调试工具, scrcpy, 它不需要任何root访问权限。它适用于 Linux、Windows 和 macOS。

现在我们在 macos 安装一下, window 安装地址

安装

mac os 需要有 brew 包管理工具

复制代码
brew install scrcpy

brew install android-platform-tools

操作步骤

找一个安卓机, 然后 设置 - 开发者模式, 打开 USB调试模式; 使用 线 连接 手机

在 macos 终端,启动 scrcpy 软件

复制代码
scrcpy

在浏览器里面, 随便打开一个 网页, 比如 今日头条, 然后在 chrome 或者 Edge 浏览器 的搜索框输入 edge://inspect/#devices, chrome 的是 chrome://inspect/#devices

点击 inspect

都是可以的

比如, 我们的h5要调用 app的 方法,直接在浏览器启动H5,没发调试, 发到测试环境以后,可以使用 scrcpy 调试某个方法,都是Ok的

微信 app 里面的 h5 经过测试,无法调试,抓包不了, 这个并没有在 chrome/edge 里面出现

只能用来调试 安卓手机。

快快体验起来吧

相关推荐
圣光SG5 分钟前
Java类与对象及面向对象基础核心详细笔记
java·前端·数据库
Jinuss13 分钟前
源码分析之React中的useImperativeHandle
开发语言·前端·javascript
ZC跨境爬虫26 分钟前
CSS核心知识点与定位实战全解析(结合Playwright爬虫案例)
前端·css·爬虫
Jinuss28 分钟前
源码分析之React中的forwardRef解读
前端·javascript·react.js
mengsi5530 分钟前
Antigravity IDE 在浏览器上 verify 成功但本地 IDE 没反应 “开启Tun依然无济于事” —— 解决方案
前端·ide·chrome·antigravity
Можно44 分钟前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
hzhsec1 小时前
钓鱼邮件分析与排查
服务器·前端·安全·web安全·钓鱼邮件
#做一个清醒的人1 小时前
Electron 保活方案:用子进程彻底解决原生插件崩溃问题
前端·electron·node.js
四千岁1 小时前
Obsidian + jsDelivr + PicGo = 免费无限图床:一键上传,全平台粘贴即发
前端·程序员·github