edge 控制台测试帧率
// 在控制台执行,查看帧率
(function() {
let frameCount = 0;
let lastTime = performance.now();
function countFrames() {
frameCount++;
const now = performance.now();
if (now - lastTime >= 1000) {
console.log(`FPS: ${frameCount}`);
frameCount = 0;
lastTime = now;
}
requestAnimationFrame(countFrames);
}
countFrames();
})();
// 简约精致版 - 只显示数字
(function() {
const oldDisplay = document.getElementById('fps-console-display');
if (oldDisplay) oldDisplay.remove();
const fpsDisplay = document.createElement('div');
fpsDisplay.id = 'fps-console-display';
fpsDisplay.style.cssText = `
position: fixed;
top: 24px;
right: 24px;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: #ffffff;
font-family: -apple-system, 'Segoe UI', sans-serif;
padding: 14px 20px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
z-index: 999999;
user-select: none;
pointer-events: none;
min-width: 80px;
text-align: center;
`;
document.body.appendChild(fpsDisplay);
let frameCount = 0;
let lastTime = performance.now();
let fps = 0;
function updateFPS() {
frameCount++;
const now = performance.now();
const delta = now - lastTime;
if (delta >= 1000) {
fps = Math.round((frameCount * 1000) / delta);
const color = fps >= 55 ? '#4ade80' : fps >= 30 ? '#fbbf24' : '#f87171';
fpsDisplay.innerHTML = `
<div style="font-size: 32px; font-weight: 600; color: ${color}; line-height: 1;">${fps}</div>
<div style="font-size: 11px; color: rgba(255,255,255,0.3); letter-spacing: 2px; margin-top: 2px;">FPS</div>
`;
frameCount = 0;
lastTime = now;
}
requestAnimationFrame(updateFPS);
}
updateFPS();
console.log('✨ FPS 监控已启动!');
})();
edge 控制台编辑页面
document.body.contentEditable = true
Mac OS OrbStack 1Panel 面板 共享文件权限
sudo chmod -R 777 /opt/1panel/www/sites/xblog
鼠标指针样式 不同 cursor 值对比
内联样式:style="cursor: default;"
| 属性值 | 图标 | 用途 |
|---|---|---|
cursor: pointer; |
👆 小手 | 可点击元素(链接、按钮) |
cursor: help; |
↖❓ 箭头+问号 | 帮助信息 |
cursor: default; |
↖ 箭头 | 默认光标 |
cursor: text; |
I 形 | 文本输入 |
cursor: move; |
✥ 十字箭头 | 可拖动元素 |
cursor: wait; |
⌛ 等待/转圈 | 加载中 |
cursor: not-allowed; |
🚫 禁止 | 不可操作 |
https://521.gt.tc
https://88.gt.tc
https://aigo.ct.ws
https://aigo.free.nf
https://aigo.gt.tc
https://cncn.ct.ws
https://hot.rf.gd
https://ig.xo.je
https://im.xo.je
https://it.fwh.is
https://itai.gt.tc
https://itd.gt.tc
https://pdd.free.nf
https://pro.gt.tc
https://us.ct.ws
https://why.gt.tc
https://wwv.gt.tc
https://xblog.lovestoblog.com
https://xu.rf.gd
https://www.mmdd.eu.cc