如何在Chrome中禁用弹出窗口的调整大小功能？

嘿，这个问题我太懂了——Chrome对弹出窗口的权限规则确实改了好几次，旧帖子里的方法失效真的很常见。你提到的window.onresize弹回去的方法确实体验拉胯，其实现在有更优雅的解决方案，前提是你能控制弹出窗口的创建逻辑。

核心方案：创建弹窗时直接禁用调整权限 #

Chrome目前（2024年最新版本）是支持在window.open()的参数里明确设置弹窗不可调整大小的，只要你在创建弹窗时加上resizable=no参数就行。这是最彻底的方法，用户根本看不到调整窗口的边缘，也就不会有弹回的糟糕体验。

示例代码：

// 主页面中打开弹窗的代码
function openFixedSizePopup() {
  // 参数顺序：弹窗URL、窗口名称、窗口特性（包含resizable=no）
  window.open(
    './your-popup-content.html',
    'FixedPopup',
    'width=500,height=500,resizable=no,menubar=no,toolbar=no'
  );
}

这里要注意几个关键点：

• 这个参数必须在创建弹窗时就指定，弹窗创建后无法再修改resizable属性（Chrome的安全限制）。
• 确保弹窗和主页面是同源的（同域名、同协议、同端口），跨域情况下你可能无法完全控制弹窗的特性。
• 测试时尽量用本地服务器（比如http://localhost），file://协议下的权限可能会有异常。

如果你没法控制弹窗的创建逻辑... #

如果弹窗是第三方页面，或者你没办法修改创建弹窗的代码，那确实只能退而求其次用你之前的onresize方法，但可以优化一下体验，比如加上防抖，避免频繁触发：

window.onresize = () => {
  // 防抖处理，避免频繁弹回
  clearTimeout(window.resizeTimer);
  window.resizeTimer = setTimeout(() => {
    window.resizeTo(500, 500);
  }, 100);
};

但老实说，这种方法还是会让用户看到窗口晃动的瞬间，体验远不如创建时直接禁用调整。

为什么旧方法会失效？ #

之前Chrome确实有过一段时间对resizable=no参数的支持不稳定，甚至忽略这个参数，但现在已经恢复了对标准窗口特性参数的支持，所以这个方法现在是可靠的。

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