mirror of
https://github.com/tpunix/HMCLOCK.git
synced 2025-12-06 20:22:48 +08:00
65 lines
1.5 KiB
JavaScript
65 lines
1.5 KiB
JavaScript
// 创建日志容器与清除按钮
|
||
const logDiv = document.createElement("div");
|
||
logDiv.id = "fixed-log-window";
|
||
document.body.appendChild(logDiv);
|
||
|
||
// 添加清除按钮
|
||
const clearBtn = document.createElement("button");
|
||
clearBtn.textContent = "清空日志";
|
||
clearBtn.className = "clear-log-btn";
|
||
logDiv.appendChild(clearBtn);
|
||
|
||
// 按钮点击事件
|
||
clearBtn.onclick = () => {
|
||
logDiv.querySelectorAll(".log-entry").forEach(entry => entry.remove());
|
||
};
|
||
|
||
// 覆盖 console.log（保持原有功能）
|
||
const originalLog = console.log;
|
||
console.log = function(...args) {
|
||
originalLog(...args);
|
||
const logLine = document.createElement("div");
|
||
logLine.className = "log-entry";
|
||
logLine.textContent = args.join(" ");
|
||
logDiv.appendChild(logLine);
|
||
logDiv.scrollTop = logDiv.scrollHeight; // 自动滚动
|
||
};
|
||
|
||
// 样式增强
|
||
const style = document.createElement("style");
|
||
style.textContent = `
|
||
#fixed-log-window {
|
||
/* 原有样式保持不变 */
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: 200px;
|
||
background: rgba(0, 0, 0, 0.85);
|
||
color: #fff;
|
||
overflow-y: auto;
|
||
padding: 40px 10px 10px; /* 顶部留出按钮空间 */
|
||
font-family: monospace;
|
||
}
|
||
.clear-log-btn {
|
||
position: fixed;
|
||
right: 20px;
|
||
bottom: 215px;
|
||
padding: 4px 12px;
|
||
background: #ff4444;
|
||
border: none;
|
||
color: white;
|
||
cursor: pointer;
|
||
border-radius: 3px;
|
||
}
|
||
.clear-log-btn:hover {
|
||
background: #cc0000;
|
||
}
|
||
.log-entry {
|
||
padding: 4px 0;
|
||
border-bottom: 1px solid rgba(255,255,255,0.1);
|
||
}
|
||
`;
|
||
document.head.appendChild(style);
|
||
|