Giter VIP home page Giter VIP logo

macaca-recorder's Introduction

Macaca Recorder 浏览器插件


CI

插件说明

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

logo

如何开发

# 安装 npm 依赖
$ npm install

# 本地打包
$ npm run build

安装使用

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

logo

  1. 插件常驻

logo

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

贡献者


ilimei


xudafeng


Jodeee


snapre


yihuineng

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

macaca-recorder's People

Contributors

ilimei avatar jodeee avatar snapre avatar xudafeng avatar yihuineng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.