window.open 在 Mac 中处于全屏浏览器模式时在新选项卡中打开

Question

我的 Next.js 函数中有以下代码。我希望在同一个选项卡中但在新的较小窗口中打开网址。

window.open(url, '_blank', features)

功能在哪里，

const features = `width=${newWindowWidth}, height=${newWindowHeight}, top=${top}, left=${left}`;

在最小化浏览器模式下，这在 Mac 上运行良好（在 Firefox、safari、chrome 上也是如此）。但当您切换到最大化浏览器模式时。它突然在新选项卡中打开网址。如何保持在同一选项卡中打开小新窗口的行为？

我知道这是重复的这里。但没有解决方案/答案。于是又问了一遍。

Answer 1

您可以使用

iframe

和：

设置要显示的网站为
```
src
```
将宽度设置为
```
width
```
将高度设置为
```
height
```
确保小部件网站允许显示在主网站的
```
iframe
```
内（如果它们属于不同的域）
必要时调整 CSP
对于顶部，您可以将
```
position
```
设置为您想要的（请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/top）并将 CSS 样式属性设置为你想要的价值