Im Februar 2026 wurde in Chrome 145 die native Split View eingeführt. Damit können Nutzer Tabs nebeneinander im selben Fenster ansehen und verwalten. Es sind keine Drittanbietertools mehr erforderlich, um separate Betriebssystemfenster zu verwalten. Nutzer konnten Tabs in einer geteilten Ansicht zwar manuell über Browsersteuerelemente hinzufügen und entfernen, Entwickler hatten jedoch keine Möglichkeit, diese neuen Tablayouts in Chrome-Erweiterungen programmatisch zu steuern.
Wir freuen uns, die neue Split View API anzukündigen, die ab Chrome 155 verfügbar ist. Diese neue API wurde in enger Zusammenarbeit mit Mozilla und anderen Browseranbietern in der WebExtensions Community Group entwickelt und ermöglicht es Erweiterungen, integrierte Split-Views zu erkennen, zu erstellen und zu verwalten.
Demo
Funktionsweise
Bisher waren für die Entwicklung von nebeneinander angeordneten Erweiterungen umständliche Workarounds wie das Anpassen der Größe mehrerer nativer Fenster, das Einbetten von Seiten in <iframe>-Elemente oder die Verwendung von Seitenleisten erforderlich. Die neue Split View API ist jetzt direkt in die Tabs API von Chrome integriert und bietet neue Möglichkeiten zur Verwaltung des Tablayouts.
Manifestberechtigungen
Die Split View API ist Teil des browser.tabs-Namespace und erfordert keine Berechtigungen.
Geteilte Ansichten erkennen
Jedes Tab-Objekt enthält ein splitViewId-Attribut.
Wenn der Tab Teil einer geteilten Ansicht ist, hat er eine eindeutige Kennung mit dem zugehörigen Tab. Andernfalls ist splitViewId standardmäßig auf -1 festgelegt.
// Querying all split views in the current windows
const tabs = await browser.tabs.query({ currentWindow: true });
const splitViews = tabs.map(tab => tab.splitViewId).filter(splitViewId => splitViewId !== -1);
Allgemeine Einschränkungen
Damit zwei Tabs in einer geteilten Ansicht angezeigt werden können, müssen sie die folgenden Voraussetzungen erfüllen:
- Die Tabs müssen nebeneinander liegen oder nebeneinander erstellt werden.
- Tabs dürfen sich nicht bereits in einer geteilten Ansicht befinden.
- Tabs müssen denselben
pinned-,windowId- undgroupId-Status haben.
Wenn zwei Tabs zusammengeführt werden, behalten sie die gleichen pinned-, windowId- und groupId-Zustände sowie die relative Positionierung zueinander bei.
Geteilte Ansichten erstellen
Es gibt zwei Methoden, mit denen eine Erweiterung eine neue geteilte Ansicht erstellen kann:
- Erstellen Sie einen neuen Tab, der mit einem vorhandenen Tab geteilt wird. Verwenden Sie dazu den neuen Parameter
splitWithTabIdinbrowser.tabs.create. - Koppeln Sie zwei vorhandene Tabs mit der neuen
browser.tabs.createSplit-Methode.
Beispiele
Sie können einen neuen Tab mit splitWithTabId erstellen, um ihn mit einem vorhandenen Tab zu teilen.
await browser.tabs.create({splitWithTabId: existingTab.id});
Standardmäßig wird der neue Tab rechts vom vorhandenen Tab erstellt.
Wenn Sie einen neuen Tab links vom vorhandenen Tab erstellen möchten, legen Sie den Index als Index dieses Tabs fest:
await browser.tabs.create({splitWithTabId: existingTab.id, index: existingTab.index});
Sie können auch eine neue geteilte Ansicht erstellen, indem Sie zwei vorhandene Tabs kombinieren.
await browser.tabs.createSplit([existingTab1.id, existingTab2.id]);
Geteilte Ansichten zusammenführen
Um eine geteilte Ansicht in zwei unabhängige Tabs aufzuteilen, kann eine Erweiterung die neue Methode browser.tabs.unsplit verwenden.
const splitViewId = browser.tabs.createSplit([tab1.id, tab2.id]);
// Unsplitting the split view into two independent tabs
await browser.tabs.unsplit(splitViewId);
Weitere Informationen
Wir hoffen, dass diese neue Funktion die Produktivität Ihrer Erweiterungen steigern wird. Wenn Sie Erweiterungen mit Funktionen für die geteilte Ansicht entwickeln möchten, lesen Sie die Dokumentation zur Tabs API. Wenn Sie Fragen haben oder Hilfe mit der Split View API benötigen, besuchen Sie die Google-Gruppe für Chromium-Erweiterungen.
Viel Spaß beim Aufteilen!