Safari MCP

Presentamos el servidor Safari MCP para desarrolladores web

1 de julio de 2026

por Saron Yitbarek

En Safari Technology Preview 247, presentamos el servidor Safari MCP — un servidor del Protocolo de Contexto de Modelo para desarrolladores web que hace que tu flujo de trabajo de desarrollo y depuración web sea más rápido y potente. Sabemos que los agentes son cada vez más integrales en el proceso de codificación y el servidor Safari MCP le da a tu agente la capacidad de saber cómo se renderiza realmente tu código en el navegador al conectarlo a una ventana del navegador Safari.

Cualquier cliente compatible con MCP puede conectarse al servidor Safari MCP. Al conectar tu agente a una ventana del navegador Safari, tu agente puede emular lo que experimentan tus usuarios, dándole la información que necesita para depurar de forma más autónoma, como acceso al DOM, solicitudes de red, capturas de pantalla y salida de la consola.

Acelera tu proceso de depuración y te permite permanecer en la comodidad de tu terminal, lo que significa menos rondas de saltar entre ventanas y escribir instrucciones para depurar tu código.

Los casos de uso

Si desarrollas para la web, entonces conoces el baile de la depuración. Suele ser algo así:

Ves algo mal en tu sitio en el navegador. Abres la consola para investigarlo. Haces clic en la pestaña de estilos. Ves qué está roto. Vuelves a tu código para arreglarlo. O tal vez tomas una captura de pantalla, detallas el problema a tu agente y dejas que él lo arregle por ti. Con suerte, lo hace bien, el error se corrige y puedes continuar.

Pero cuando no se corrige, repites el flujo de trabajo — Navegador. Instrucción. Agente.

Y así una y otra vez, hasta que finalmente eliminas el error.

Independientemente del navegador o las herramientas que uses, el flujo de trabajo de depuración implica muchos clics, herramientas y saltos de ventana para hacer una sola corrección, pero no tiene por qué ser así. Si ya estás usando agentes en tu flujo de trabajo de desarrollo, el servidor Safari MCP hace que tu depuración sea más rápida y eficiente.

El servidor Safari MCP permite que tu agente haga más depuración y resolución de problemas por sí mismo. Estos son solo algunos ejemplos de con qué puede ayudar:

Desarrollo web en Safari. La próxima vez que desarrolles en Safari, te beneficiarás de un flujo de trabajo mejorado. Tu agente ya te ayuda con tu código, ahora puede hacer aún más al comprobar cómo se renderiza realmente tu código en Safari.

Mejorar la compatibilidad con Safari. Probar en un solo navegador significa pasar por alto posibles errores en otro, dando a esos usuarios una experiencia deficiente. Con el servidor Safari MCP, tu agente puede abrir tu sitio en Safari, inspeccionar estilos calculados, verificar el diseño y compararlo con lo que esperas sin cambiar de ventana.

Analizar el rendimiento. Ve qué partes de tu sitio están ralentizando las cosas. El servidor Safari MCP permite que tu agente evalúe JavaScript en la página para mostrar métricas de rendimiento, como tiempos de navegación y tiempos de carga de recursos, para que pueda identificar qué está ralentizando tu sitio y trabajar en la solución correcta.

Verificar la accesibilidad. El servidor Safari MCP permite que tu agente compruebe problemas comunes de accesibilidad como etiquetas faltantes, atributos ARIA incorrectos y contraste deficiente, para que puedas detectar problemas que afectan a tus usuarios.

Verificar cualquier estado de usuario. Asegúrate de que la página funciona y se ve como debería. Tu agente puede comprobar el estado del formulario, consultar un elemento usando un selector, confirmar interacciones específicas, mostrar diferentes estados de un flujo de pago y más. Dedica menos tiempo a estas comprobaciones manuales y capacita al agente para que lo haga por ti.

Estos son solo algunos de los casos de uso. Sea cual sea la forma en que decidas implementarlo, el servidor Safari MCP ayuda a tu agente a hacer más por ti y reduce todo el ir y venir que a menudo requiere el desarrollo web. Un flujo de trabajo más fácil significa más errores corregidos, usuarios más felices y un mejor producto.

Las herramientas

Aquí están las herramientas disponibles y lo que hacen:

Herramienta	Descripción
browser_console_messages	Devuelve los registros de consola almacenados para la pestaña actual o especificada
browser_dialogs	Enumera y responde a los diálogos del navegador (aceptar, descartar o introducir texto para JS)
close_tab	Cierra una pestaña del navegador por su identificador
create_tab	Crea una nueva pestaña del navegador, opcionalmente cargando una URL
evaluate_javascript	Ejecuta código JavaScript dentro de la página y devuelve el resultado
get_network_request	Obtiene el detalle completo de una solicitud de red grabada (cabeceras, cuerpo, tiempos)
get_page_content	Extrae el contenido de texto de una página en varios formatos (markdown, HTML, JSON, etc.)
list_network_requests	Enumera los resúmenes de solicitudes de red (URL, método, estado, tiempos) para la pestaña actual
list_tabs	Enumera todas las pestañas abiertas del navegador con sus identificadores y URLs
navigate_to_url	Navega a una URL y devuelve el contenido de la página cargada
page_info	Obtiene información sobre la página actual: URL, título y estado de carga
page_interactions	Realiza interacciones DOM en secuencia: clic, escribir, desplazar, pasar el ratón, pulsar tecla, etc.
screenshot	Captura una captura de pantalla de la página actual como PNG
set_emulated_media	Emula un tipo de medio CSS (p. ej., “print”) para pruebas de diseño responsivo
set_viewport_size	Establece el tamaño de la ventana gráfica del navegador en píxeles CSS
switch_tab	Cambia a una pestaña diferente del navegador por su identificador
wait_for_navigation	Espera a que la página actual termine de cargar; devuelve la URL final y el título

Con el servidor Safari MCP, ya no tienes que escribir la instrucción perfecta, describiendo cuidadosamente a tu agente lo que estás experimentando en el navegador. Puedes darle a tu agente la capacidad de averiguarlo por sí mismo.

Cómo empezar

Primero necesitarás instalar Safari Technology Preview. Una vez instalado, asegúrate de habilitar Safari Settings > Advanced > Show features for web developers. Luego ve a Safari Settings > Developer > Enable remote automation and external agents.

Si estás usando Claude, puedes usar el siguiente comando en tu terminal:

claude mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp

Si estás usando Codex, puedes usar el siguiente comando en tu terminal:

codex mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp

Para otros agentes, puedes poner lo siguiente en tu mcp.json o config.json :

"safari-mcp-stp": {
  "command": "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver",
  "args": ["--mcp"] 
}

Ten en cuenta que aunque el código anterior nombra al servidor safari-mcp-stp, puedes nombrarlo como quieras, incluso solo safari. Una vez que tengas instalado el servidor Safari MCP, prueba una de las siguientes instrucciones:

Find bugs on my site in Safari

How accessible is my site in Safari?

See how my website performs in Safari

Aunque cada agente funciona de manera un poco diferente, no debería ser necesario decirle que use el servidor Safari MCP explícitamente — lo descubrirá por sí solo. Instrucciones simples como las anteriores son suficientes para iniciar el MCP.

Así es como podría ser una conversación con un agente usando el servidor Safari MCP:

Tú: Tengo un informe de error — algo está roto en Safari en la página de vuelos. ¿Puedes averiguar qué está pasando?

Agente: Claro, déjame echar un vistazo.

Agente: Encontré dos errores distintos en la página de vuelos en Safari. ¿Quieres que los arregle ambos?

Tú: Sí. ¿Hay algo más aquí que pueda estar causando problemas a los usuarios de Safari?

Agente: Sí, dos cosas más que vale la pena señalar. La animación de revelación de resultados está rota silenciosamente y el registro de inicio del servidor API es incorrecto. ¿Debo abordar ambos también?

Todo lo que necesitas es una solicitud inicial para empezar, y con la ayuda del servidor Safari MCP, tu agente puede encargarse a partir de ahí.

El servidor Safari MCP se ejecuta completamente en tu máquina local y no realiza llamadas de red por sí mismo. Tampoco tiene acceso a tu información personal en Safari (p. ej., AutoFill u otra actividad del navegador). Cuando captura contenido de la página, capturas de pantalla o registros de la consola, esos datos van directamente al agente que estás ejecutando — no a Apple. Lo que suceda con esos datos a partir de ahí depende del agente y el modelo que estés usando. Como con cualquier agente al que le des acceso a tu navegador, usa solo aquellos en los que confíes.

Por qué construimos esto

Hay muchas maneras de desarrollar para la web, tanto con IA como sin ella. Si la IA es parte de tu flujo de trabajo, creemos que esta herramienta ayudará a hacerlo aún más productivo. Y si no lo es, también está bien.

Al crear este recurso, esperamos facilitar más que nunca las pruebas y la depuración en Safari ayudando a tu agente a entender cómo se ven y funcionan las cosas en el navegador.

Si terminas probándolo o si es tu primera vez usando un servidor MCP, cuéntanos qué te parece.

Encuéntranos en línea: Saron Yitbarek en BlueSky, Jen Simmons en Bluesky / Mastodon, y Jon Davis en Bluesky / Mastodon. Si encuentras algún problema, presenta un informe de error de WebKit. Presentar problemas realmente marca la diferencia.