Macaca Recorder 浏览器插件

---

插件说明

• 支持鼠标移动到指定元素获取对应的 xpath 信息
• 支持记录鼠标点击、双击、输入、鼠标悬浮等操作步骤
• 支持 Macaca、Cypress 等框架工具的用例代码模版

如何开发

# 安装 npm 依赖
$ npm install

# 本地打包
$ npm run build

安装使用

1. 浏览器输入：chrome://extensions/
2. 加载 build 后的产物 dist/* 文件夹

3. 插件常驻

4. 将插件钉在浏览器右上角（点击插件可开启/关闭插件）
5. 刷新页面，右下角可看到插件图标
6. 鼠标移动到元素时，插件会实时展示当前元素 xpaht，点击、双击等操作会默认选择第一个 xpath，如需选择其它 xpath， 可通过Option+Space (MacOS) / Alt+Space(Windows) 开启、关闭鼠标移动监听，选择其它 xpath 后，点击对应的操作即可
7. 如鼠标无法选择对应元素，可打开元素调试面板，选中对应的元素，即可获取该元素的 xpath

贡献者

ilimei	xudafeng	Jodeee	snapre	yihuineng

git-contributor 说明，自动生成时间：Tue Sep 12 2023 20:44:30 GMT+0800。