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

How to open a new instance of the browser in javascript / Reactjs?

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

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

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

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

您可以自定义大小,但这会导致它靠近屏幕的左上角,而且您似乎无法使用百分比来使新 window 居中,所以您可能能够用复杂的数学来做到这一点。

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

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

但如果您将此代码复制并粘贴到开发控制台中,它将起作用