如何通过点击事件最小化Google Chrome扩展程序弹窗

Chrome扩展的popup弹窗没有原生的“最小化”功能，它的设计逻辑是失去焦点后自动关闭，或者通过代码主动关闭。你之前的代码没生效，大概率是因为拼写错误：document.getElemenetById里少了一个t，正确写法是document.getElementById。

正确实现代码 #

1. HTML按钮：

<button id="minimizewindow">关闭弹窗（模拟最小化）</button>

2. JavaScript绑定事件：

// 修正拼写错误后，绑定点击事件
document.getElementById('minimizewindow').onclick = function() {
  window.close();
};

或者用更推荐的addEventListener写法：

document.getElementById('minimizewindow').addEventListener('click', () => {
  window.close();
});

补充说明 #

• 如果你需要的是“隐藏弹窗但保留扩展后台运行”，完全不用担心：popup关闭后，扩展的后台脚本（background/service worker）会继续正常运行，不会受影响。
• 若想再次唤起弹窗，直接点击浏览器工具栏上的扩展图标即可，这是Chrome原生的交互逻辑。

内容的提问来源于stack exchange，提问作者George Greene