如何在 javascript / Reactjs 中打开浏览器的新实例？

【问题标题】：How to open a new instance of the browser in javascript / Reactjs?如何在 javascript / Reactjs 中打开浏览器的新实例？
【发布时间】：2021-06-23 19:48:08
【问题描述】：

javascript/React 有什么方法可以打开浏览器的新实例吗？

例如，我知道window.open("https://www.w3schools.com"); 将打开一个新选项卡，但我想要实现的是在浏览器的另一个实例中打开一个新选项卡，并使用原始浏览器以较小的尺寸显示它窗户坐在后面，在背景中。我将在下面留下一个屏幕截图，以便更好地了解我想要实现的目标。

【问题讨论】：

标签： javascript reactjs window

【解决方案1】：

您可以将配置参数传递给Window.open MDN reference

window.open(
  "https://example.com",
  "Name the window here",
  "",
)

您可以自定义大小，但这会导致它位于屏幕左上角附近，并且您似乎无法使用百分比来使新窗口居中，因此您可以使用复杂的数学。

window.open(
  "https://example.com",
  "Name the window here",
  "width=500,height=500,screenX=500,screenY=500",
)

注意：我无法将其设为您可以运行的 Stack Snippet，因为 Stack Snippet 已禁用弹出窗口：

但是如果你把这段代码复制粘贴到开发控制台，它就可以工作了

【讨论】：