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

只能用来调试 安卓手机。

快快体验起来吧

相关推荐
fengfuyao9859 小时前
一个改进的MATLAB CVA(Change Vector Analysis)变化检测程序
前端·算法·matlab
yuhaiqiang9 小时前
为什么这道初中数学题击溃了所有 AI
前端·后端·面试
djk88889 小时前
支持手机屏幕的layui后台html模板
前端·html·layui
紫_龙9 小时前
最新版vue3+TypeScript开发入门到实战教程之watch详解
前端·javascript·typescript
默默学前端10 小时前
ES6模板语法与字符串处理详解
前端·ecmascript·es6
lxh011310 小时前
记忆函数 II 题解
前端·javascript
我不吃饼干10 小时前
TypeScript 类型体操练习笔记(三)
前端·typescript
华仔啊10 小时前
除了防抖和节流,还有哪些 JS 性能优化手段?
前端·javascript·vue.js
CHU72903510 小时前
随时随地学新知——线上网课教学小程序前端功能详解
前端·小程序
清粥油条可乐炸鸡10 小时前
motion入门教程
前端·css·react.js