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

Question

javascript / React 有没有办法打开浏览器的新实例？

例如，我知道

window.open("https://www.w3schools.com");

将打开一个新选项卡，但我想要实现的是在浏览器的另一个实例中打开一个新选项卡，并以较小的尺寸显示它，而原始浏览器窗口则位于后面，在背景中。我将在下面留下一个屏幕截图，以便更好地理解我想要实现的目标。

Answer 1

您可以将配置参数传递到

Window.open

MDN 参考

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",
)

注意：我无法将其设为可以运行的堆栈片段，因为堆栈片段已禁用弹出窗口：

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

Answer 2

您可以这样打开页面：

window.open("https://google.com", _blank, { popup: true });

根据MDN文档