Some checks failed
Tests / Tests (push) Has been cancelled
ESLint Check / ESLint Check and Report Upload (push) Has been cancelled
Prettier Check / Format Check (push) Has been cancelled
Prettier Check / Format Code (push) Has been cancelled
ESLint Check / Build Base for Bundle Size Comparison (push) Has been cancelled
- docs/integration/superrpa-integration.zh_CN.md: complete integration guide - rrweb-simple-ext/: minimal Chrome extension for page recording - replay.html: standalone drag-and-drop replay viewer - CLAUDE.md: project instructions Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body { width: 300px; padding: 16px; font-family: sans-serif; }
|
|
button { padding: 8px 16px; margin: 4px; cursor: pointer; border: none; border-radius: 4px; color: white; }
|
|
.start { background: #4CAF50; }
|
|
.start:hover { background: #45a049; }
|
|
.stop { background: #f44336; }
|
|
.stop:hover { background: #da190b; }
|
|
.view { background: #2196F3; }
|
|
.view:hover { background: #0b7dda; }
|
|
#status { margin-top: 12px; padding: 8px; background: #f5f5f5; border-radius: 4px; font-size: 13px; }
|
|
#events { margin-top: 8px; max-height: 200px; overflow-y: auto; font-size: 11px; white-space: pre-wrap; word-break: break-all; }
|
|
.disabled { opacity: 0.5; cursor: not-allowed; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h3>rrweb Simple Recorder</h3>
|
|
<div>
|
|
<button id="startBtn" class="start">Start Recording</button>
|
|
<button id="stopBtn" class="stop disabled" disabled>Stop Recording</button>
|
|
</div>
|
|
<div id="status">Ready</div>
|
|
<div>
|
|
<button id="viewBtn" class="view disabled" disabled>View Events</button>
|
|
<button id="downloadBtn" class="view disabled" disabled>Download JSON</button>
|
|
</div>
|
|
<div id="events"></div>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|