Safari bekommt MCP-Server: KI-Coding-Agents debuggen direkt im Browser

Apple stattet Safari mit einem neuen MCP-Server aus, über den KI-Coding-Agents Webseiten direkt im Browser untersuchen und debuggen können. Damit erhalten sie Zugriff auf Inhalte, Logs, Netzwerkanfragen, Screenshots und mehr.

MCP-Server in Safari Technology Preview 247 integriert

In einem neuen Beitrag im WebKit-Blog erklärt Apple, dass Safari Technology Preview 247 einen Safari-MCP-Server enthält. Apple beschreibt ihn als „Model-Context-Protokoll-Server für Webentwickler:innen, der Euren Webentwicklungs- und Debugging-Workflow schneller und leistungsfähiger macht“.

Apple betont, dass Agents zunehmend ein zentraler Bestandteil des Programmierprozesses sind. Der Safari-MCP-Server verschafft einem solchen Agent Einblick, wie Euer Code tatsächlich im Browser gerendert wird, indem er ihn mit einem Safari-Fenster verbindet.

Das Model-Context-Protokoll (MCP) ist ein offener Standard, den Anthropic entwickelt und später an die Agentic AI Foundation der Linux Foundation übergeben hat. MCP bietet eine gemeinsame Schnittstelle, über die kompatible KI-Agents externe Werkzeuge, Dienste und Datenquellen anbinden können. So können sie Informationen abrufen und autorisierte Aktionen ausführen, statt nur mit Inhalten zu arbeiten, die Benutzer:innen in einen Chat einfügen.

In der Praxis ermöglicht MCP kompatiblen Clients wie ChatGPT, Claude oder Gemini die Verbindung zu MCP-Servern, die verschiedene Dienste und Ressourcen bereitstellen. Dazu können etwa GitHub, Slack, Google Drive, Notion, Datenbanken, lokale Dateien oder Werkzeuge für die Browser-Entwicklung gehören.

Debugging-Workflows mit KI direkt im Safari-Fenster

Mit dem neuen Server in Safari Technology Preview 247 können Coding-Agents Webseiten untersuchen, auf Konsolenprotokolle und Netzwerkanfragen zugreifen, Screenshots erstellen und mit Elementen auf der Seite interagieren.

Apple beschreibt im Blogbeitrag einen typischen Anwendungsfall: Ihr bemerkt einen Fehler auf Eurer Website im Browser, öffnet die Konsole, sucht nach dem Problem, klickt Euch in den Styles-Tab, findet den Fehler und wechselt zurück in den Code, um ihn zu beheben. Alternativ macht Ihr einen Screenshot, beschreibt Eurem Agent das Problem und lasst ihn einen Fix vorschlagen. Wenn der Fehler nicht behoben ist, beginnt der Ablauf von vorn: Browser, Prompt, Agent – immer wieder, bis der Bug endgültig verschwindet.

Unabhängig vom Browser oder den verwendeten Werkzeugen besteht dieser Debugging-Prozess aus vielen Klicks, Tools und Fensterwechseln für eine einzige Korrektur. Laut Apple muss das nicht so sein. Wer bereits Agents im Entwicklungsworkflow einsetzt, soll mit dem Safari-MCP-Server schneller und effizienter debuggen können.

Werkzeuge und Einsatzbereiche des Safari-MCP-Servers

Der Beitrag skizziert mehrere Einsatzmöglichkeiten des Safari-MCP-Servers. Agents können damit Webseiten debuggen, Safari-Kompatibilitätsprobleme erkennen, die Performance analysieren, die Barrierefreiheit prüfen und verschiedene Seiten- und Nutzeroberflächen-Zustände verifizieren.

Apple listet zudem fast 20 im Server enthaltene Werkzeuge auf und erläutert sie. Das Werkzeug browser_console_messages gibt etwa gepufferte Konsolen-Logs für den aktuellen oder einen angegebenen Tab zurück. Mit screenshot lässt sich ein Screenshot der aktuellen Seite als PNG aufnehmen. list_network_requests erstellt eine Übersicht der Netzwerkanfragen des aktuellen Tabs mit URL, Methode, Status und Zeitverlauf. Über page_interactions können Agents DOM-Interaktionen in Folge ausführen, etwa klicken, tippen, scrollen, schweben oder Tastendrücke auslösen.

Wer wissen möchte, wie sich MCP in Safari zusammen mit Clients wie Claude oder Codex nutzen lässt, findet im WebKit-Blog eine ausführliche Einstiegshilfe.

Via: https://9to5mac.com

Den Beitrag in unserem Forum kommentieren