HubdAI
Freemium

Inspect

Herramienta de depuración de la web móvil (Safari en iOS, Chrome en Android y WebViews) que da a agentes de código como Claude, Codex y Cursor acceso a dispositivos reales y simuladores para inspeccionar, corregir y verificar errores.

Qué es Inspect

Inspect es una herramienta de depuración de la web móvil, creada por Inspect DevTools LLC, pensada tanto para desarrolladores como para agentes de código —la propia página de producto nombra explícitamente a Claude, Codex y Cursor—. Da acceso real a iPhones, dispositivos Android y simuladores de iOS para depurar Safari en iOS, Chrome en Android y WebViews, con una interfaz basada en Chrome DevTools. Existe como aplicación de escritorio (macOS, Windows y, de forma experimental, Linux) y como CLI (`@inspectdotdev/cli`) pensada específicamente para que un agente de código la use de forma autónoma.

Para qué sirve Inspect

Resuelve un problema concreto: Safari en iOS y los WebViews no exponen sus propias herramientas de desarrollo como sí hace Chrome en escritorio, así que depurar un bug que solo aparece en un iPhone real —o en un WebView dentro de una app nativa— es difícil sin herramientas adicionales. Inspect traduce el protocolo de depuración remota de WebKit al protocolo de Chrome DevTools (CDP), de forma que se puede inspeccionar el DOM y el CSS, leer la consola, revisar las peticiones de red, editar CSS en vivo y verificar visualmente un fix, todo desde el propio ordenador y sobre el runtime real del dispositivo. En Android usa `adb` para conectar con Chrome, WebView estándar y WebViews Crosswalk.

Cómo funciona técnicamente

  • En iOS, Inspect implementa una capa de traducción entre el WebKit Remote Inspector Protocol (el protocolo nativo de depuración remota de Safari/WebKit) y el Chrome DevTools Protocol (CDP), lo que permite usar el front-end de Chrome DevTools —o cualquier cliente compatible con CDP— contra un Safari o WebView de iOS real.
  • En Android se apoya en `adb` (Android Debug Bridge) para detectar y comunicarse con el dispositivo o emulador.
  • La CLI (`inspect cdp --json`) también expone un endpoint CDP en bruto, reutilizable por herramientas de terceros compatibles con Chrome DevTools Protocol, como VS Code o `chrome-devtools-mcp`.

Integración con agentes de programación

La propia página de producto describe Inspect como una herramienta que "da a Claude, Codex, Cursor y otros agentes de código iPhones reales, dispositivos Android y simuladores de iOS para depurar". La CLI está pensada explícitamente para que la use un agente, no solo una persona: expone comandos tipados con salida JSON estructurada (`--json`) y una guía específica para agentes en `inspect.dev/agent.md`.

Dos matices para no sobreestimar la integración:

  • Inspect ofrece un servidor MCP propio, pero es de documentación: `https://docs.inspect.dev/mcp` (Streamable HTTP, sin autenticación), con herramientas de búsqueda y lectura de la documentación oficial —no de depuración en vivo—.
  • Para la depuración en vivo vía MCP, Inspect no publica su propio servidor: la documentación recomienda combinar el endpoint CDP de la CLI (`inspect cdp --json`) con el paquete de terceros `chrome-devtools-mcp` (`npx [email protected] --browser-url=http://127.0.0.1:9222`). No hay documentación oficial de una integración dedicada solo para Cursor o solo para Codex más allá de estas instrucciones genéricas, que sirven igual para Claude Code.

Si trabajas con Cursor como editor con agente de IA integrado, Inspect es el complemento natural para que ese mismo agente pueda verificar un fix directamente sobre un dispositivo móvil real, en vez de solo sobre el navegador de escritorio.

Requisitos e instalación

Requisitos

  • Sistema operativo del ordenador: macOS o Windows con soporte completo; Linux con soporte experimental (requiere instalar `libimobiledevice` aparte para iOS).
  • Para depurar Android: `adb` instalado y accesible en el `PATH`, y depuración USB activada en el dispositivo.
  • Para depurar en el Simulador de iOS: macOS con Xcode instalado.
  • Para usar la CLI: Node.js 16 o superior.

Instalación de la app de escritorio

  • Crear una cuenta en inspect.dev.
  • Descargar la app para tu sistema operativo desde inspect.dev/download.
  • Seguir las instrucciones de emparejamiento que muestra la propia app.

Instalación de la CLI para agentes de código

  • Instalar el paquete con: npm install -g @inspectdotdev/cli@latest
  • Verificar la instalación con: inspect --version
  • Comprobar el estado con: inspect status --json

El paquete oficial y vigente es `@inspectdotdev/cli` (confirmado en el registro público de npm). Un anuncio de lanzamiento anterior citó el nombre `@inspectdev/cli` (sin el "dot"); ese paquete no existe hoy en el registro de npm —usar siempre `@inspectdotdev/cli`.

Flujo de trabajo con Inspect

La documentación describe tres formas de acceder a un dispositivo desde un agente o una herramienta externa:

  • Comandos tipados (la vía recomendada): cada comando de la CLI arranca y reutiliza su propio daemon en segundo plano.
  • Endpoint CDP en bruto: `inspect cdp --json` devuelve las URLs WebSocket del navegador y la página, para scripts CDP a medida.
  • Chrome DevTools MCP: combinando el endpoint CDP anterior con `chrome-devtools-mcp` de terceros.

Ejemplo reproducible de depuración

Este es el flujo de agente documentado oficialmente para depurar un bug y verificar el fix (ejemplo ilustrativo tomado literalmente de la documentación oficial de Inspect —no es un caso verificado por nosotros con nuestro propio código):

  • inspect open <url> --json — abre la URL en el dispositivo o simulador seleccionado.
  • inspect snapshot --interactive --json — toma una instantánea interactiva del DOM.
  • inspect console list --types error,exception --json — lista errores y excepciones de consola.
  • inspect network list --failed --json — lista las peticiones de red fallidas.
  • Aplicar el fix en el código.
  • inspect reload --json — recarga la página con el fix aplicado.
  • inspect screenshot --json — captura el resultado para verificarlo.

El flag `--session <nombre>` permite mantener separados, en paralelo, el dispositivo, el target, las referencias de snapshot y las evidencias recogidas por cada agente o tarea.

Funcionalidades verificadas

  • Inspección de DOM y CSS, con edición de CSS en vivo (no de JavaScript: iOS no tiene equivalente a `Debugger.setScriptSource`).
  • Consola y red: listado de errores/excepciones y peticiones fallidas.
  • Capturas de pantalla y snapshots de DOM.
  • React DevTools integrado (árbol de componentes, props, state, hooks, búsqueda de componentes y resaltado de actualizaciones), que aparece automáticamente si la web o app usa React —funcionalidad añadida el 23 de enero de 2026—.
  • Depuración inalámbrica (WiFi) de Safari y WebViews en iOS, sin necesidad de cable.
  • Depuración de otros targets compatibles con CDP además del navegador móvil: Chrome, Node.js, Electron y otras apps.

Uso en iOS y Android

iOS

Depura Safari, Chrome en iOS, WebViews y UIWebView (iOS 14+), tanto en dispositivo real (por USB o WiFi) como en el Simulador de iOS (requiere macOS + Xcode).

Android

Depura Chrome, WebView estándar y WebViews Crosswalk, en dispositivo real o emulador, conectando por USB y usando `adb`.

Casos de uso profesionales

  • Verificar sobre un iPhone real un bug de CSS o de layout que solo aparece en Safari/WebKit, antes de dar el fix por cerrado.
  • Depurar un WebView embebido dentro de una app nativa iOS o Android, no solo el navegador del sistema.
  • Integrar la verificación de fixes de web móvil dentro del propio bucle de un agente de código (Claude, Codex, Cursor), en vez de depender de que una persona pruebe manualmente en su móvil.
  • Depurar un servidor de desarrollo local desde un dispositivo iOS real: como iOS no permite acceder a `http://localhost` del ordenador (no existe el reverse port-forwarding que sí tiene Android), hace falta exponer el entorno local con una URL HTTPS pública o un túnel como ngrok.
  • Inspeccionar el árbol de componentes, las props y el estado de una app React directamente en el dispositivo, sin configuración adicional.

Precio de Inspect

Inspect tiene un plan gratuito real, sin necesidad de tarjeta de crédito ni de iniciar sesión: dos sesiones de depuración de 15 minutos al día (el descubrimiento y aprovisionamiento de dispositivos no consume tiempo de sesión). Los planes de pago son: Pass, un pase de una semana por 29 $ (pago único, no se renueva, incluye todo lo de Pro durante 7 días y sesiones ilimitadas); Pro, 79 $/año, con sesiones ilimitadas y acceso completo a consola, red, issues, evaluate y DevTools, incluyendo actualizaciones para las nuevas versiones de iOS y Android; Teams, 99 $/usuario/año, con todo lo de Pro por asiento más gestión de asientos y facturación centralizada (facturación a medida a partir de 10 asientos); y un plan Enterprise con precio por volumen, SSO y soporte dedicado, a contratar directamente con Inspect. Los precios y límites exactos pueden cambiar: la fuente fiable siempre es inspect.dev/pricing, no esta ficha.

Ventajas de Inspect

  • Da acceso a dispositivos iOS y Android reales —no solo a una emulación— desde el propio ordenador, sin depender de tener un Mac para depurar Safari.
  • La CLI está pensada explícitamente para agentes de código, con comandos tipados y salida JSON estructurada, además de una guía dedicada (`inspect.dev/agent.md`) para que un agente sepa exactamente qué comandos usar.
  • Tiene un plan gratuito real y utilizable (dos sesiones de 15 minutos al día, sin tarjeta ni login), no solo una prueba limitada en el tiempo.
  • Incluye React DevTools integrado en el propio flujo de depuración móvil, sin configuración adicional.
  • Funciona igual en macOS, Windows y (de forma experimental) Linux.

Inconvenientes y limitaciones de Inspect

  • No se puede acceder a `http://localhost` de tu ordenador desde un dispositivo iOS: hace falta una URL HTTPS pública o un túnel tipo ngrok, porque iOS no soporta el reverse port-forwarding que sí tiene Android.
  • No se puede emular un tamaño de viewport distinto en iOS: WebKit elimina esa función en las plataformas de Apple, así que el layout hay que probarlo en el tamaño real del dispositivo o simulador.
  • No permite editar JavaScript en vivo en iOS (solo CSS): el protocolo de depuración de WebKit no tiene el equivalente al `Debugger.setScriptSource` de Chrome.
  • No se puede limitar (throttle) la velocidad de red de un dispositivo iOS desde Inspect; para eso hace falta usar el Network Link Conditioner de Apple, desde los ajustes de desarrollador del propio dispositivo.
  • No permite depurar SharedWorkers en iOS.
  • El soporte de la app de escritorio en Linux es experimental, no completo como en macOS o Windows.

Alternativas a Inspect

  • ios-webkit-debug-proxy: proyecto de código abierto que da la conexión en bruto al protocolo de depuración remota de WebKit en un dispositivo iOS, sin capa de traducción a Chrome DevTools Protocol ni app integrada —Inspect construye explícitamente sobre los aprendizajes de este proyecto, empaquetando esa traducción de protocolo y las herramientas necesarias en una sola app—.
  • remotedebug-ios-webkit-adapter: adaptador de protocolo, también de código abierto, que permite depurar Safari y WebViews de iOS desde herramientas como VS Code o Chrome DevTools —Inspect construye igualmente sobre los aprendizajes de este proyecto, ofreciendo una solución empaquetada en vez de un adaptador suelto que haya que combinar con otras piezas—.

*(Ninguna de estas dos alternativas tiene ficha propia en este catálogo todavía: son proyectos de código abierto sin web comercial equivalente, por lo que no se enlazan internamente.)*

Preguntas frecuentes sobre Inspect

¿Puedo depurar mi sitio local (localhost) con Inspect?

El Web Inspector de iOS no tiene reverse port-forwarding como sí tiene Android, así que un dispositivo iOS no puede acceder directamente a `http://localhost` de tu ordenador. La solución documentada es exponer tu entorno de desarrollo con una URL HTTPS pública o un túnel como ngrok.

¿Puedo emular un tamaño de viewport distinto en iOS?

No. WebKit elimina esa función de override de tamaño de pantalla en las plataformas de Apple, así que Inspect no puede alterar el viewport CSS ni el resultado de las media queries en destinos de Safari/WebView de iOS. La alternativa es usar directamente el tamaño real del simulador o dispositivo que quieras probar, o el modo de diseño responsive de Safari en macOS como aproximación.

¿Puedo editar el código fuente mientras depuro?

La edición de hojas de estilo, reglas CSS y estilos en línea sí está soportada. La edición de JavaScript en vivo no está disponible, porque el protocolo del Web Inspector de iOS no tiene el equivalente al `Debugger.setScriptSource` de Chrome.

¿Puedo limitar (throttle) la red de un dispositivo iOS?

No a través del Web Inspector, porque iOS no activa la primitiva de throttling a nivel de inspector de WebKit. Para probar condiciones de red concretas en un dispositivo hay que usar el Network Link Conditioner de Apple desde los ajustes de desarrollador del propio dispositivo.

¿Puedo depurar SharedWorkers en iOS?

No, actualmente no: WebKit no expone targets de SharedWorker depurables ni los canales de mensajes del inspector remoto necesarios para esa funcionalidad.

¿Qué agentes de código son compatibles con Inspect?

La propia documentación de producto nombra explícitamente a Claude, Codex y Cursor, además de "otros agentes de código" de forma genérica. La CLI y el endpoint CDP no están limitados a un agente concreto: cualquier cliente compatible con Chrome DevTools Protocol puede usarlos.

Fuentes oficiales

  • Producto: inspect.dev
  • Documentación: docs.inspect.dev (índice completo en docs.inspect.dev/llms.txt)
  • Guía para agentes de código: inspect.dev/agent.md
  • Precios: inspect.dev/pricing
  • Changelog: inspect.dev/changelog
  • Recursos para desarrolladores/API: inspect.dev/developers
  • Registro del paquete npm: registry.npmjs.org/@inspectdotdev/cli

Ver ranking de programar →

Visitar sitio web oficial