iTxGo🍃 - xBlog

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; 🚫 禁止 不可操作

image

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

出处: https://xblog.itxgo.com/article.php?id=21
版权:本文采用 CC BY-NC-SA 4.0 协议,完整转载请注明来源。