如何实现Google Chrome扩展窗口始终置顶（悬浮显示）？

你的代码没能实现置顶的核心原因是没用到Chrome窗口API的alwaysOnTop属性，仅靠监听焦点变化强制聚焦的方式不可靠——系统窗口层级管理优先级更高，而且这种频繁抢焦点的行为还会影响用户体验。

直接修改chrome.windows.create的配置项，添加alwaysOnTop: true即可实现窗口始终悬浮在其他窗口上方：

chrome.action.onClicked.addListener(async () => {
    let url = chrome.runtime.getURL("index.html");
    chrome.windows.create({
       url,
       type: "panel",
       height: 650,
       width: 520,
       focused: true,
       left: 1000,
       top: 100,
       alwaysOnTop: true // 新增这一行
    });
});

关键说明： #

• alwaysOnTop是Chrome窗口API专门用于设置窗口置顶的属性，优先级高于手动强制聚焦，能稳定实现悬浮效果。
• 你之前添加的chrome.windows.onFocusChanged监听可以完全移除，因为alwaysOnTop已经保证窗口层级，不需要再手动抢焦点。
• 注意type: "panel"在部分平台（比如Windows）的行为可能和预期有差异，如果遇到兼容性问题，可以尝试换成type: "popup"，但popup类型窗口在点击外部时会自动关闭，所以panel更适合你的需求。

内容的提问来源于stack exchange，提问作者Sowmiya C