如何将window.open打开的弹窗转换为浏览器新标签页？

没问题，这个需求完全可以实现！核心原因是你之前的第一种代码里指定了height、width这类窗口尺寸特性，浏览器会默认将其识别为需要打开独立弹窗；而只要去掉这些控制窗口大小的特性参数，浏览器就会以新标签页的形式打开链接（符合你展示的新标签页样式）。

具体实现代码 #

直接简化你的代码，去掉窗口尺寸相关的特性参数即可，同时注意对URL参数做正确的编码处理：

// 对当前页面URL做编码，避免URL拼接出现错误
var targetURL = "https://www.website.com/cws/share?mini=true&url=" + encodeURIComponent(location.href);
// 仅指定目标URL和_blank，不设置窗口尺寸特性
var newTab = window.open(targetURL, "_blank");
// 确保新标签页获得焦点
if (newTab) {
    newTab.focus();
} else {
    // 处理浏览器阻止弹窗的情况（如果用户禁用了弹窗）
    alert("新标签页被浏览器阻止，请开启弹窗权限后重试");
}

为什么之前的尝试没成功？ #

你之前想结合两种方式，但第一种代码里的height、width等特性是触发独立弹窗的关键——只要设置了这些参数，浏览器就会优先打开独立窗口而非标签页。所以不需要结合，直接去掉这些特性参数就能达到你要的效果。

补充说明 #

如果遇到部分浏览器仍然打开独立窗口的情况，这通常是用户浏览器的个性化设置（比如强制所有新窗口为独立弹窗），这种情况我们无法通过代码强制改变，但现代浏览器默认都会将不带尺寸特性的window.open请求以新标签页形式打开，符合你的需求。

内容的提问来源于stack exchange，提问作者mega-crazy