如何在 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 已禁用弹出窗口:
但如果您将此代码复制并粘贴到开发控制台中,它将起作用
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",
)