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 里面出现

只能用来调试 安卓手机。

快快体验起来吧

相关推荐
李伟_Li慢慢3 分钟前
《机器人Web前端可视化》课程简介
前端·机器人·three.js
Rain5094 分钟前
架构解密:mini-cc 的核心设计思路
前端·架构·开源·node.js·ai编程
IMPYLH7 分钟前
Linux 的 users 命令
linux·运维·服务器·前端·数据库·bash
李伟_Li慢慢7 分钟前
URDFLoader简介
前端·机器人·three.js
Nontee8 分钟前
三大范式是什么?
java·前端·数据库
青山如墨雨如画10 分钟前
【Win11下的andrej-karpathy-skills 配置指南】22 万 Star 的极简项目,如何治好 AI 的「过度设计」
前端
ljt272496066110 分钟前
Vue笔记(五)--组件进阶
前端·vue.js·笔记
逆境不可逃19 分钟前
【与我学 ClaudeCode】协作篇 之 Team Protocols :结构化请求 - 响应协作协议
前端
a11177623 分钟前
【无标题】
前端·开源·html
晓得迷路了23 分钟前
栗子前端技术周刊第 130 期 - Angular 22 RC、Rolldown 1.0.1、pnpm 11.2...
前端·javascript·react.js