目前没有通用的JavaScript/浏览器API可以直接触发Edge、Firefox等浏览器的原生分屏功能，这类浏览器内置的UI操作大多不对网页脚本开放。

• Microsoft Edge：虽然Edge有成熟的原生分屏功能，但它没有公开的API允许网页调用该功能。这个功能属于浏览器的用户界面操作，只能由用户手动触发（比如通过右上角的“...”菜单）。
• Mozilla Firefox：Firefox的分屏功能（如“将标签页移至分屏视图”）同样没有对应的JS接口，完全依赖用户手动操作。
• Google Chrome：截至2024年中，Chrome甚至没有内置的原生分屏UI，用户通常通过拖拽窗口或第三方扩展实现类似效果，自然也不存在相关API。

核心原因是用户控制权和安全考量：浏览器不希望网页脚本随意修改窗口布局、抢占用户界面，避免恶意网站干扰用户体验，或是利用这类操作实施钓鱼、欺诈等行为。这类涉及浏览器核心UI的功能，通常会严格限制在用户手动触发的范围内。

如果你想实现类似的效果，有两个可行方向：

1. 引导用户手动触发原生分屏 #

在按钮点击后，弹出友好提示引导用户操作，比如：

提示：请点击浏览器右上角的「...」菜单，选择「分屏」功能，然后将两个目标URL的标签页拖入分屏区域即可。

这种方式完全利用浏览器原生功能，符合你的偏好，只是需要用户配合一步操作。

2. 自定义页面内部分屏 #

用CSS或iframe在当前页面内实现分屏效果，加载两个目标URL（注意跨域限制：如果两个URL同域，使用iframe或直接嵌入内容都没问题；如果跨域，iframe会受到浏览器的同源策略限制，部分交互可能无法实现）。

简单示例代码：

<button id="triggerSplit">开启分屏浏览</button>
<div id="splitView" style="display: none; grid-template-columns: 1fr 1fr; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0;">
  <iframe src="https://your-first-url.com" style="width: 100%; height: 100%; border: none;"></iframe>
  <iframe src="https://your-second-url.com" style="width: 100%; height: 100%; border: none;"></iframe>
</div>

<script>
document.getElementById('triggerSplit').addEventListener('click', () => {
  document.getElementById('splitView').style.display = 'grid';
});
</script>

内容的提问来源于stack exchange，提问作者Simon S.