js 实现窗口置顶
窗口置顶实现方法
使用 window.open 方法
通过 window.open 打开新窗口并设置 alwaysOnTop 属性（仅限 Electron 等桌面应用环境）
const newWindow = window.open('', '_blank', 'alwaysOnTop=yes');使用 window.focus 方法
通过定时器强制窗口保持焦点状态（浏览器环境限制较多）
setInterval(() => {
window.focus();
}, 1000);使用 CSS position: fixed 模拟
将特定元素固定在视窗顶部（非真正窗口置顶）
.sticky-element {
position: fixed;
top: 0;
z-index: 9999;
}浏览器扩展 API
Chrome 扩展可使用 chrome.windows.update 方法
chrome.windows.update(windowId, { focused: true });Electron 专用方案
在 Electron 主进程中设置窗口属性
mainWindow.setAlwaysOnTop(true);注意事项
- 浏览器出于安全限制，普通网页无法真正控制窗口层级
- 焦点抢占可能被浏览器拦截或触发警告
- 桌面应用框架（如 Electron）才有完整窗口控制权限
- 部分方案需要用户主动交互才能生效
备选方案
对于网页内容，推荐使用 CSS 固定定位实现视觉置顶效果：
<div class="top-bar">始终显示在顶部的内容</div>
<style>
.top-bar {
position: sticky;
top: 0;
background: white;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
</style>
