Browser

Mit Browser kann ChatGPT Websites öffnen, aktuelle Informationen sammeln und Aktionen ausführen, während Sie die Kontrolle behalten. Verwenden Sie ihn, um Optionen zu vergleichen, eine mehrstufige Aufgabe auf einer Website abzuschließen oder eine von Ihnen erstellte Seite zu überprüfen.

Browser ist in ChatGPT im Web und in der ChatGPT-Desktop-App verfügbar.

Behandeln Sie Seiteninhalte als nicht vertrauenswürdigen Kontext. Prüfen Sie die Website und die vorgeschlagene Aktion, bevor Sie vertrauliche Informationen weitergeben oder ChatGPT erlauben, eine Aktion auszuführen.

Der integrierte Browser in der ChatGPT-Desktop-App bietet Ihnen und ChatGPT innerhalb eines Chats eine gemeinsame Ansicht von Websites und lokalen Web-Apps. Verwenden Sie ihn, um eine Vorschau einer Seite anzuzeigen, visuelles Feedback zu hinterlassen oder ChatGPT in Ihrem Namen mit einer Website interagieren zu lassen.

Der integrierte Browser verwendet ein Browserprofil, das von Ihrem regulären Browser getrennt ist. Ihre vorhandenen Tabs oder Ihre Browsersitzung werden nicht automatisch übernommen. Sie können sich direkt anmelden, wenn für eine Aufgabe ein Konto erforderlich ist. Öffnen Sie Settings > Browser, um Browserdaten und alle auf Ihrem Gerät verfügbaren Funktionen zum Profilimport zu verwalten.

Browser-Downloads werden standardmäßig im Downloads-Ordner Ihres Systems gespeichert. Unter Settings > Browser können Sie einen anderen Speicherort auswählen, ihn auf den Systemstandard zurücksetzen oder Ask where to save downloads aktivieren.

Verwenden Sie stattdessen die Chrome-Erweiterung, wenn ChatGPT in einem vorhandenen Chrome-Tab oder mit Ihrem regulären Chrome-Profil arbeiten soll.

Öffnen Sie den integrierten Browser über die Symbolleiste, durch Klicken auf eine URL, durch manuelle Navigation oder durch Drücken von Cmd+Shift+B (Ctrl+Shift+B unter Windows).

Über die Adressleiste suchen

Beginnen Sie mit der Eingabe in die Adressleiste des integrierten Browsers, um Seiten aus seinem Browserverlauf zu finden. Wählen Sie eine passende Seite aus, um sie erneut zu öffnen, oder geben Sie einen Suchbegriff ein, um Google zu durchsuchen, wenn kein Ergebnis aus dem Verlauf übereinstimmt.

Der integrierte Browser führt ein eigenes Profil und einen eigenen Browserverlauf. Die Ergebnisse enthalten nicht automatisch Seiten aus Ihrem regulären Chrome-Profil oder anderen Browsern.

Browserverlauf verwalten

Öffnen Sie Settings > Browser, um den Verlauf des integrierten Browsers zu durchsuchen, eine besuchte Seite erneut zu öffnen oder Verlaufseinträge zu entfernen, sofern Ihre Organisation dies zulässt. Verwenden Sie Clear browsing data, um einen Zeitraum und die Arten von Browserdaten auszuwählen, die Sie entfernen möchten.

Sofern verfügbar, kann ChatGPT Sie um Erlaubnis bitten, Ihren Browserverlauf zu durchsuchen, um eine Seite zu finden, die für die aktuelle Aufgabe relevant ist. Prüfen Sie die Anfrage, bevor Sie den Zugriff erlauben. Der Browserverlauf kann interne URLs, Suchbegriffe und andere vertrauliche Informationen enthalten. Erlauben Sie den Zugriff daher nur, wenn die Aufgabe diesen Kontext erfordert.

Computer Use im Browser

In der Desktop-App ermöglicht Computer Use ChatGPT Work oder Codex, den integrierten Browser direkt zu bedienen. Die ausgewählte Umgebung kann Seiten öffnen, klicken, Text eingeben, den gerenderten Zustand prüfen, Screenshots aufnehmen und das Ergebnis ihrer Arbeit auf der Seite überprüfen.

Wählen Sie ChatGPT aus und aktivieren Sie Work im Umschalter, oder wählen Sie Codex aus. Öffnen Sie das Plugins- Verzeichnis und installieren Sie Browser. Bitten Sie anschließend ChatGPT oder Codex, den Browser für Ihre Aufgabe zu verwenden, oder verweisen Sie mit @Browser direkt darauf.

Beispiel:

Use the browser to open http://localhost:3000/settings, reproduce the layout
bug, and fix only the overflowing controls.

ChatGPT fragt um Erlaubnis, bevor es eine Website verwendet, es sei denn, Sie haben diese Website bereits zugelassen. Verwalten Sie zugelassene und blockierte Websites unter Settings > Browser. ChatGPT bittet außerdem vor vertraulichen Aktionen wie dem Absenden von Informationen, einem Kauf, dem Ändern von Berechtigungen oder dem Löschen von Daten um Bestätigung. ChatGPT kann Datei-Uploads im integrierten Browser nicht automatisieren.

Vorschau einer Seite anzeigen

1. Starten Sie den Entwicklungsserver Ihrer App im integrierten Terminal oder mit einer lokalen Umgebungsaktion.
2. Öffnen Sie die lokale Route, die dateibasierte Seite oder die öffentliche Seite, indem Sie auf eine URL klicken oder manuell im Browser dorthin navigieren.
3. Prüfen Sie den gerenderten Zustand zusammen mit dem Code-Diff.
4. Hinterlassen Sie Browserkommentare zu den Elementen oder Bereichen, die geändert werden müssen.
5. Bitten Sie ChatGPT, die Kommentare zu bearbeiten und den Umfang eng zu halten.

Beispiel:

I left comments on the pricing page in the built-in browser. Address the mobile
layout issues and keep the card structure unchanged.

Seite kommentieren

Wenn ein Fehler nur auf der gerenderten Seite sichtbar ist, können Sie ChatGPT mit Browserkommentaren präzises Feedback geben.

1. Aktivieren Sie den Annotation mode.
2. Klicken Sie auf ein Element oder ziehen Sie, um einen Bereich auszuwählen.
3. Schreiben und speichern Sie Ihren Kommentar.
4. Senden Sie im Chat eine Nachricht mit der Bitte an ChatGPT, die Kommentare zu bearbeiten.

Kommentare funktionieren am besten, wenn Sie das Problem und das gewünschte Ergebnis benennen:

This button overflows on mobile. Keep the label on one line if it fits,
otherwise wrap it without changing the card height.

This tooltip covers the data point under the cursor. Reposition the tooltip so
it stays inside the chart bounds.

Feedback zur Gestaltung

Wenn Sie einem Abschnitt auf der Seite eine Anmerkung hinzufügen, wählen Sie neben dem Texteingabefeld Adjust aus, um ChatGPT detaillierteres Feedback zur Gestaltung zu geben. Sie können Werte wie Schriftart, Text, Abstände und Farbe ändern, das Ergebnis auf der Seite in der Vorschau anzeigen und die Anmerkung anschließend mit einem klareren Ziel senden.

Browseraufgaben klar abgrenzen

Halten Sie jede Browseraufgabe so klein, dass sie sich in einem Durchgang prüfen lässt.

• Benennen Sie die Seite, Route oder URL.
• Benennen Sie den relevanten Zustand, etwa Laden, leer, Fehler oder Erfolg.
• Hinterlassen Sie Kommentare genau an den Elementen oder Bereichen, die geändert werden müssen.
• Prüfen Sie die Seite erneut, nachdem ChatGPT fertig ist.
• Bitten Sie ChatGPT, den Entwicklungsserver zu starten oder zu prüfen, bevor eine lokale Seite geöffnet wird.

Verwenden Sie bei Änderungen am Repository den Prüfbereich, um die Änderungen zu prüfen und Kommentare zu hinterlassen.

Entwicklermodus

Der Entwicklermodus funktioniert mit Computer Use in Chrome und im integrierten Browser. Er gewährt ChatGPT kontrollierten Zugriff auf das Chrome DevTools Protocol (CDP). Verwenden Sie ihn, um JavaScript zu profilieren, Konsolenausgaben und Netzwerkverkehr zu untersuchen, das DOM und angewendete Stile zu prüfen oder ein Problem im aktiven Browser zu diagnostizieren.

Um ihn zu aktivieren, öffnen Sie Settings > Browser und aktivieren Sie unter Developer mode die Option Enable full CDP access. Wenn Ihre Organisation diese Einstellung deaktiviert hat, können Sie sie nicht lokal aktivieren. Administratoren können browser_use_full_cdp_access = false unter [features] in requirements.toml festlegen, um den vollständigen CDP-Zugriff zu deaktivieren und zu verhindern, dass Benutzer die entsprechende Einstellung in der ChatGPT-Desktop-App aktivieren.

Der vollständige CDP-Zugriff kann vertrauliche interne Browserdaten offenlegen. ChatGPT bittet um eine ausdrückliche Genehmigung, bevor es eine Website über vollständigen CDP-Zugriff untersucht. Prüfen Sie die Website, die Aufgabe und den angeforderten Zugriff, bevor Sie ihn genehmigen.

Verwenden Sie @Browser für den integrierten Browser. Um den Entwicklermodus in Chrome zu verwenden, richten Sie die Chrome-Erweiterung ein und rufen Sie @Chrome auf.

Beispiel:

This app is slow. Use @Browser to capture a performance trace and inspect
network traffic, then identify the bottleneck.