Chrome 新功能 - 录制小视频
2023-03-14 22:41:03 时间
Chrome 97 推出了一个预览功能 - Recorder。它允许你录制 Web 页面的操作并支持「回放,编辑,测量性能」 等诸多功能。
它长什么样
你可以直接在 chrome devtool 中看到一个 Recorder 面板,点击它就可以体验。
❝如果没有找到,可以尝试 cmd + shift + p 调出命令面板搜索 Recorder。当然如果该功能未发布是搜不到的 ❞
它有什么用?
通过它,你可以实现一些有趣的功能。
比如:
- 测试同学录制一段“视频”, 然后发送给开发,开发根据这段视频定位问题。
- 测试某一个业务流程在各种不同的网络和硬件环境下的表现,甚至你可以看其在不同平台的表现(比如 PC,手机,平板等)。
- 自动化测试。你可以录制一段视频,然后通过修改其中部分参数的形式来自动化生成很多测试用例。
- 。。。
由于是预览版,因此最终是什么样可能还不确定。
大招
对于我来说,我想要到一个比较有意思的功能。
我们知道 Chrome 的 devtool frontend(就是你看到的开发者工具) 是开源的,代码托管在 Github:https://github.com/ChromeDevTools/devtools-frontend
因此你可以直接集成它到你的项目中。比如你可以开发一个调试工具,这个工具 fork 一下 devtool frontend,然后修改 Recoreder 部分的源码,使得用户可以手动上报自己的录像,然后你将用户的录像数据,网络数据等其他数据发送到你的后端进行分析。
这个功能我在之前的公司做过,不过做的并不好。而如果依托于 Chrome 团队,那些棘手的问题都不需要你解决了,比如性能问题就很棘手。
如果你的公司有做用户错误上报或者信息收集的需求,不妨考虑一下是否可以为你所用。
更多介绍:https://developer.chrome.com/docs/devtools/recorder/
相关文章
- 案例研究:远程分布式敏捷交付客户项目的实践
- 利用 SageMaker Operator 简化 Kubernetes 上的机器学习任务管理
- 通过 Rekognition 实现无服务器智能相册
- 玩转GPU实例 – 我的Linux 工具箱之三 – 系统优化
- python GUI编程(Tkinter)
- 通过预热 Amazon WorkSpaces 提升用户操作体验
- 使用 Trinity Audio WordPress 插件将您的内容免费转换为音频
- 利用 Amazon CodeGuru Profiler 调查性能问题
- Amazon Elastic Container Service 现在支持 Amazon EFS 文件系统
- 2020 年开源机器人操作系统的新功能
- AWS 在线研讨会 丨3 月课程回顾 干货满满 ?
- Python File(文件)方法
- AWS INNOVATE 2020 即将举行 报名已正式开启 ?
- 利用 Amazon WAM 部署和管理 Amazon WorkSpaces 的应用程序
- 在越来越敏捷的时代,使用 AWS 上的 OpenShift 容器存储管理混合存储
- 发布 Amazon Rekognition 自定义标签
- 使用 AWS IoT OTA 部署工具实现大规模 OTA 任务
- 适用于 DynamoDB 的 CloudWatch Contributor Insights – 现已正式推出
- 玩转 GPU 实例 – 我的 Linux 工具箱之二 – 基础设置
- Amazon Web Services 为 BERT 和 Mask R-CNN 实现了最快的训练速度