--- title: "Guía detallada del servidor MCP de Playwright" slug: playwright-mcp-server date: 2025-09-02T11:34:06+00:00 modified: 2025-11-04T08:45:38+00:00 permalink: https://brightdata.es/blog/ai/playwright-mcp-server type: blog --- [ Blog ](https://brightdata.es/blog "Blog") / [AI](https://brightdata.com/blog/ai) [AI](https://brightdata.com/blog/ai) # Guía detallada del servidor MCP de Playwright Descubra cómo Playwright MCP Server permite la automatización del navegador y el web scraping mediante agentes de IA, además de una comparación con soluciones de servidor MCP de alto nivel. 8 min de lectura [ ![Amitesh Anand](https://media.brightdata.es/2025/07/Amitesh-Anand-50x50.jpg) ](https://brightdata.com/blog/authors/amitesh-anand) [Amitesh Anand Technical Writer ](https://brightdata.com/blog/authors/amitesh-anand) ![Playwright MCP Server Guide](https://media.brightdata.es/2025/09/Playwright-MCP-Server-Guide.png) En este artículo, trataremos: - Qué es el servidor MCP de Playwright y cómo puede utilizarse para el web scraping. - Las diferentes herramientas disponibles en el servidor MCP de Playwright - Cómo el servidor MCP de Bright Data Web puede proporcionar una alternativa más sencilla para el web scraping. Entremos en materia ## El servidor MCP Playwright [Playwright](https://playwright.dev/) es ampliamente conocido como herramienta de automatización de navegadores, a menudo utilizada para probar y automatizar tareas de navegación. El [**servidor MCP de**](https://github.com/microsoft/playwright-mcp) Playwright se basa en esta funcionalidad, sólo que esta vez no está diseñado para uso humano directo, sino para agentes de IA. Al ejecutar el servidor, puede conectar cualquier host MCP y conceder a los agentes de IA acceso a todo el conjunto de herramientas de automatización de Playwright. Esto significa que su agente de IA puede interactuar con un navegador web igual que lo haría un humano, realizando acciones como realizar compras en línea, buscar las últimas noticias, responder a correos electrónicos y mucho más. En este artículo, nos centraremos principalmente en **el web scraping**. Con Playwright MCP Server, obtendrá las herramientas de bajo nivel necesarias no sólo para la automatización del navegador, sino también para permitir a un LLM raspar y extraer datos directamente de la web. ### El servidor Playwright MCP Como todo servidor MCP, el servidor Playwright MCP viene con un conjunto de herramientas que pueden ser expuestas a un agente AI. Estas herramientas se corresponden directamente con las API de Playwright que los desarrolladores ya conocen y utilizan. Veamos algunas de las más importantes: - **Browser\_click: Permite al agente de IA hacer clic en elementos, igual que un humano con un ratón.** - **Browser\_drag: Permite interacciones de arrastrar y soltar.** - **Browser\_close: Cierra la instancia del navegador.** - **Browser\_evaluate: Permite al agente de IA ejecutar código JavaScript directamente en la página.** - **Browser\_file\_upload: Maneja la carga de archivos a través del navegador.** - **Browser\_fill\_form: Rellena formularios en una página web.** - **Browser\_hover: Desplaza el puntero del ratón sobre los elementos.** - **Browser\_navigate: Navega a cualquier URL.** - **Browser\_press\_key: Simula la pulsación de teclas, dando al agente acceso completo a la entrada del teclado.** Con todas estas herramientas a disposición del agente de IA, puede maniobrar fácilmente a través de la web y raspar datos. Veamos cómo hacerlo. ## Web Scraping con el servidor Playwright MCP En esta sección, realizaremos una tarea de web scraping utilizando el servidor MCP de Playwright. Nuestro agente de IA recopilará la información más reciente sobre los precios de los modelos de iPhone 16. Para simplificar las cosas, limitaremos la tarea a una única fuente: Best Buy. ### **Configuración del servidor** Para ejecutar el servidor MCP de Playwright, necesitamos un host MCP. Puede utilizar cualquier host de su elección, como Claude Desktop, Cursor o Gemini CLI. Para este artículo, utilizaremos **VS Code**. El servidor MCP de Playwright es un servidor MCP local implementado en Node.js, así que antes de continuar, asegúrate de que tienes Node instalado. Para configurar el servidor, necesitamos añadir la siguiente configuración a nuestro host MCP: ```none { "servers": { "playwright": { "comando": "npx", "args": [ "@playwright/mcp@latest" ] } } } ``` Esta configuración se aplica a cómo se configuran los servidores MCP en VS Code, aunque puede diferir ligeramente en otros hosts MCP. Una vez completada la configuración, nuestro agente de IA tendrá acceso a las herramientas proporcionadas por el servidor. Con eso en su lugar, podemos empezar a raspar. ### Scraping con el servidor MCP El primer paso es navegar al sitio web de BestBuy. Para ello, simplemente instruiremos al agente de IA para que abra el sitio, y utilizará la herramienta **Browser\_navigate** para llegar allí. ![Browser_navigate tool in the Playwright](https://media.brightdata.com/2025/09/image-17-1024x557.png)A continuación, le pediremos que busque el *iPhone 16*. Para ello, utilizará la herramienta Browser\_navigate. Para ello, utilizará la herramienta **Browser\_press\_key** para introducir la consulta de búsqueda. ![Browser_press_key tool](https://media.brightdata.com/2025/09/image-18-1024x557.png)A continuación, el agente utilizará la herramienta **Browser\_click** para pulsar el botón de búsqueda. ![Browser_click tool](https://media.brightdata.com/2025/09/image-19-1024x557.png)Con esto, obtenemos nuestros resultados. A cada paso, mientras el agente navega por la página, captura una instantánea del estado actual. A continuación, podemos utilizar estas instantáneas para ordenar al agente que extraiga la información que necesitamos y la organice en un formato estructurado. ![Extract information from the snapshots](https://media.brightdata.com/2025/09/bejimgd9bilxdi7xjzth-1024x557.png)Con este enfoque, hemos conseguido raspar el sitio. Sin embargo, aunque nos da el control total para hacer casi cualquier cosa que queramos, sigue siendo de muy bajo nivel. Esto puede parecer excesivo si nuestro único objetivo es raspar datos, ya que puede que no necesitemos las capacidades de automatización web más amplias. A continuación, vamos a explorar cómo el [servidor Bright Data Web M](https://github.com/brightdata/brightdata-mcp) CP puede lograr la misma tarea desde una perspectiva de mucho más alto nivel. ## Servidor MCP Web de Bright Data: Un servidor MCP de Web Scraping de alto nivel El **servidor MCP de Bright Data Web** incluye una serie de herramientas de alto nivel creadas específicamente para el web scraping. Entre ellas se incluyen herramientas para extraer datos de plataformas como Amazon, recuperar perfiles individuales y de empresas, e incluso recopilar perfiles, publicaciones y carretes de Instagram. A diferencia de Playwright MCP, que opera a un nivel inferior, el servidor Bright Data MCP simplifica el proceso de scraping para su agente de IA. Incluso gestiona páginas web protegidas por detección de bots o CAPTCHA, proporcionando a su agente un acceso fiable allí donde los métodos tradicionales podrían fallar. En este tutorial, utilizaremos el [servidor Bright Data MCP](/ai/mcp-server) para realizar la misma tarea que abordamos anteriormente con Playwright MCP. De fábrica, proporciona dos herramientas básicas: - **Herramienta de motor de búsqueda** - **Herramienta de raspado de datos como markdown** Se pueden desbloquear herramientas adicionales activando **el modo Pro**, pero por ahora nos quedaremos con estas dos. Puedes encontrar más detalles en este [artículo](/blog/ai/web-scraping-with-mcp). ### Configuración del servidor A diferencia del servidor MCP de Playwright, que se ejecuta localmente, el servidor MCP de Bright Data Web es un [servidor MCP remoto](https://docs.brightdata.com/mcp-server/remote/quickstart). Esto significa que el proceso de configuración es ligeramente diferente. A continuación se muestra cómo configurarlo en VS Code: ```none "BrightData": { "url": "https://mcp.brightdata.com/mcp?token=YOUR_API_KEY", } ``` Para conectarse, necesitará su **clave API de Bright Data**. Una vez configurado, su agente estará listo para comenzar a realizar el scraping. ### Scraping con el servidor MCP En primer lugar, instruiremos al agente para que realice una búsqueda web del precio del iPhone 16. ![search engine tool](https://media.brightdata.com/2025/09/image-20-1024x557.png)A continuación, el agente utilizará la **herramienta de búsqueda** del servidor para realizar la solicitud. ![scrape as markdown tool](https://media.brightdata.com/2025/09/image-21-1024x557.png)Tras obtener los resultados, ordenamos al agente que extraiga información de un sitio de nuestra elección, en este caso el Apple Store. A continuación, el agente utiliza la herramienta **scrape data as markdown** para extraer el contenido, devolviéndolo en formato Markdown, que el agente puede procesar y comprender fácilmente. ![the final json](https://media.brightdata.com/2025/09/image-22-1024x557.png)Con la información extraída, podemos instruir al agente para que la organice en un formato estructurado, y así de sencillo, tenemos nuestros datos. En este ejemplo, sólo hemos utilizado dos herramientas para completar la tarea de scraping. Sin embargo, el servidor MCP de Bright Data Web también ofrece herramientas adicionales en Modo Pro que puede explorar para casos de uso más avanzados. Puede encontrar más ejemplos en este [artículo](/blog/ai/web-scraping-with-mcp) detallado. ## Conclusión En este artículo, hemos explorado cómo se pueden utilizar los servidores MCP para hacer scraping de la web con la ayuda de agentes de IA. Primero vimos el [**servidor MCP Playwright**](https://github.com/microsoft/playwright-mcp), que proporciona acceso de bajo nivel a la automatización del navegador, dando a su agente control total sobre cada interacción. A continuación, exploramos [**el servidor Bright Data MCP de Bright Data**](/ai/mcp-server), que opera a un nivel superior y equipa a su agente con herramientas especializadas diseñadas específicamente para el [web scraping](/blog/procedimientos/what-is-web-scraping), incluso en sitios protegidos por la detección de bots. Ambos enfoques tienen sus puntos fuertes, Playwright es ideal cuando se necesita un control detallado del navegador, mientras que Bright Data simplifica el proceso, permitiéndole centrarse únicamente en extraer la información que necesita. Ahora le toca a usted experimentar con ambos servidores MCP y decidir cuál se adapta mejor a su próximo proyecto. Contactar ventasPrueba gratuita![google social icon](/wp-content/themes/brightdata/assets/images/ic_google.svg) Tabla de Contenidos Data for AI Supercharge your AI with instant and reliable access to web data. No blockers. No hassle. Talk to an expert Bright Data MCP Get started with Bright Data’s Web MCP Server today with 5000 free monthly requests and unlock your AI’s full potential. Start free now [ ](https://news.ycombinator.com/submitlink?t=Gu%C3%ADa+detallada+del+servidor+MCP+de+Playwright&u=https://brightdata.es/blog/ai/playwright-mcp-server) [ ](https://www.linkedin.com/shareArticle?mini=true&title=Gu%C3%ADa+detallada+del+servidor+MCP+de+Playwright&url=https://brightdata.es/blog/ai/playwright-mcp-server) [ ](http://www.reddit.com/submit?title=Gu%C3%ADa+detallada+del+servidor+MCP+de+Playwright&url=https://brightdata.es/blog/ai/playwright-mcp-server) ## Usted también puede estar interesado en [ ![OpenHuman with Bright Data](https://media.brightdata.es/2026/09/OpenHuman-with-Bright-Data.png) ](https://brightdata.es/blog/ai/openhuman-with-bright-data "Acceso Web Listo para Producción en OpenHuman a Través de la CLI de Bright Data") [AI ![Antonello Zanini](https://media.brightdata.es/2022/12/Antonello-Zanini-2-50x50.jpg) Antonello Zanini Technical Writer ### Acceso Web Listo para Producción en OpenHuman a Través de la CLI de Bright Data Integra la CLI de Bright Data con OpenHuman para habilitar acceso web listo para producción y recopilación de datos para agentes de IA. 09-Sep-2026 14 min de lectura ](https://brightdata.es/blog/ai/openhuman-with-bright-data) [ ![Multimodal Web Scraping with MiniMax](https://media.brightdata.es/2026/09/Multimodal-Web-Scraping-with-MiniMax.png) ](https://brightdata.es/blog/datos-web/multimodal-web-scraping-with-minimax "Scraping Web Multimodal con MiniMax") [Datos web ![Antonello Zanini](https://media.brightdata.es/2022/12/Antonello-Zanini-2-50x50.jpg) Antonello Zanini Technical Writer ### Scraping Web Multimodal con MiniMax Combina Bright Data Web Unlocker con la visión de MiniMax M3 para extraer datos estructurados de imágenes y capturas de pantalla de páginas web. 09-Sep-2026 5 min de lectura ](https://brightdata.es/blog/datos-web/multimodal-web-scraping-with-minimax) [ ![The 10 Best CLI Tools for Codex in 2026](https://media.brightdata.es/2026/08/The-10-Best-CLI-Tools-for-Codex-in-2026.png) ](https://brightdata.es/blog/ai/best-cli-tools-for-codex "Las 10 mejores herramientas CLI para Codex en 2026 – Probadas y clasificadas") [AI ![Daniel Shashko](https://media.brightdata.es/2022/04/Daniel-Shashko-2-50x50.png) Daniel Shashko Web Data & AI Expert ### Las 10 mejores herramientas CLI para Codex en 2026 – Probadas y clasificadas Las 10 herramientas CLI que hacen a Codex más rápido y capaz, comenzando con la Bright Data CLI para acceso web real desde dentro del sandbox. 06-Sep-2026 24 min de lectura ](https://brightdata.es/blog/ai/best-cli-tools-for-codex)