xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update rreb and refactor toggle

Browse Source
This commit is contained in:
Yanzhen Yu
2026-04-01 12:00:00 +08:00
parent 6c0b1b96bc
commit 91e91fe5e8
4 changed files with 92 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
public/global.css
View File

@@ -1,61 +1,15 @@
html, body {
position: relative;
width: 100%;
height: 100%;
html,
body {
position: relative;
width: 100%;
height: 100%;
}
body {
color: #333;
margin: 0;
padding: 8px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
margin: 0;
padding: 28px;
background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
a {
color: rgb(0,100,200);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: rgb(0,80,160);
}
label {
display: block;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
padding: 0.4em;
margin: 0 0 0.5em 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 2px;
}
input:disabled {
color: #ccc;
}
input[type="range"] {
height: 0;
}
button {
background-color: #f4f4f4;
outline: none;
}
button:active {
background-color: #ddd;
}
button:focus {
border-color: #666;
}

66
public/index.html
View File

@@ -1,39 +1,37 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width" />
<head>
<meta charset='utf8'>
<meta name='viewport' content='width=device-width'>
<title>dev panel</title>
<title>dev panel</title>
<link rel="stylesheet" href="./global.css" />
<link rel="stylesheet" href="./bundle.css" />
</head>
<link rel='stylesheet' href='./global.css'>
<link rel="stylesheet" href="./bundle.css">
</head>
<body>
<script src="./bundle.js"></script>
<script src="./bundle.events.js"></script>
<script>
const queryObj = {
sessionId: 'e2c7cfe8-d868-4f11-b561-5a969da26334',
};
let query = '';
Object.keys(queryObj).forEach(key => {
query += `${key}=${queryObj[key]}&`;
});
fetch(`http://192.168.17.205:9090/api/events?${query}`)
.then(res => res.json())
.then(data => {
// eslint-disable-next-line
new rrwebPlayer({
target: document.body,
data: {
events: data.events,
},
});
<body>
<script src="./bundle.js"></script>
<script src="./bundle.events.js"></script>
<script>
const queryObj = {
sessionId: '8874be03-bf8f-411e-862a-64ea7f950026',
};
let query = '';
Object.keys(queryObj).forEach(key => {
query += `${key}=${queryObj[key]}&`;
});
</script>
</body>
</html>
fetch(`http://192.168.17.205:9090/api/events?${query}`)
.then(res => res.json())
.then(data => {
// eslint-disable-next-line
new rrwebPlayer({
target: document.body,
data: {
events: data.events,
},
});
});
</script>
</body>
</html>