Chrome extension that records network requests and lets you manually save XPaths — then exports a clean HAR file and CopyCat-compatible workflow JSON.
- Clone the repo:
git clone https://github.com/CopyCatAI/web-sop-mapper.git
- Go to
chrome://extensions/ - Enable Developer mode (top-right toggle)
- Click Load unpacked and select the
web-sop-mapperfolder - Pin the extension in your toolbar
- Click the extension icon, hit Start Recording
- Browse the web app you want to map — XHR/fetch requests are captured automatically
- Right-click any element → Save XPath — pick a type (Click, Input, Select, Extract, Wait For) and add a label
- When done, click Stop
- Download HAR and XPath files separately using the two download buttons
| File | What |
|---|---|
sop-capture.har |
Filtered network requests (analytics, fonts, images, tracking stripped out) |
sop-xpath-steps.json |
CopyCat workflow steps with labeled XPaths |
MIT
