Cómo inspeccionar un elemento en un iPhone y en un iPad, y qué hacer sin un Mac

La respuesta corta es la que nadie quiere: en el teléfono no se puede. En el Safari móvil no hay Inspeccionar elemento, no hay una pulsación larga que abra las herramientas de desarrollo, y no hay ningún ajuste que las añada.

Lo que sí existe es el Inspector web, que corre en un Mac y se engancha al teléfono por cable. Es lo de verdad - los mismos paneles que en el escritorio, mostrando la página tal como la está renderizando el teléfono - y necesita un equipo que la mayoría de quienes hacen esta pregunta no tienen delante.

Con un Mac, que es la manera correcta

Tres pasos, y los dos primeros son ajustes que solo se hacen una vez.

En el iPhone o el iPad. Abre Ajustes, luego Apps → Safari → Avanzado, y activa Inspector web. En iOS 17 y anteriores el camino es Ajustes → Safari → Avanzado, sin el nivel Apps.

En el Mac. Abre Safari → Configuración → Avanzado y marca Mostrar funciones para desarrolladores web, lo que pone un menú Desarrollo en la barra de menús. En versiones anteriores la casilla se llama “Mostrar el menú Desarrollo en la barra de menús”. Es el mismo interruptor que necesitas para inspeccionar cualquier cosa en el propio Mac.

Y luego conéctalos. Enchufa el teléfono al Mac con un cable y desbloquéalo. Si pregunta si confías en el ordenador, di que sí. Abre la página en el teléfono y, en el Mac, abre Desarrollo, busca el dispositivo por su nombre en la lista y elige la página. El Inspector web se abre en el Mac y está manejando el teléfono: pasa el ratón sobre un elemento en el Mac y se resalta en el aparato.

Dos cosas que fallan en este punto. Si el dispositivo no aparece, el teléfono está bloqueado, el cable es solo de carga, o el Inspector web nunca se activó. Y por esta vía solo puedes inspeccionar Safari - Chrome y Firefox en iOS no son inspeccionables desde el menú Desarrollo, aunque importa menos de lo que parece, porque todos los navegadores de iOS renderizan por debajo con el mismo motor WebKit.

En un iPad es el mismo procedimiento

Idéntico, incluidas las rutas de los ajustes. La única diferencia que conviene saber es que un iPad en Stage Manager o en vista dividida declara un viewport que no es el ancho completo de la pantalla, así que un fallo de maquetación que estés persiguiendo puede depender de la disposición y no del dispositivo.

Sin un Mac

Tres opciones, en orden descendente de lo que realmente te cuentan.

Un servicio de depuración remota. Varias empresas alquilan iPhones reales con el Inspector web conectado, en una pestaña del navegador. Cuestan dinero y funcionan, y para un equipo que publica para iOS y no tiene ningún Mac, esa es la respuesta honesta.

Una consola incluida dentro de tu propia página. Si controlas el sitio, una pequeña librería de consola dentro de la página te da un registro legible en el propio dispositivo. Es la única vía que no necesita una segunda máquina, y es para las versiones de desarrollo y no para producción, porque estás enviando una superficie de depuración a todo el mundo.

La simulación de dispositivo del escritorio, que no es lo mismo. La barra de dispositivos de Chrome cambia el viewport, el user agent y el comportamiento táctil, y es realmente útil para comprobar una maquetación responsive. Lo que no cambia es el motor: sigues mirando a Blink haciendo de teléfono. Un fallo que solo aparece en iOS suele ser un fallo de WebKit, y WebKit es justo la parte que la simulación no está simulando. (Este es el único sitio donde Android es más fácil: su Chrome es el mismo motor que tu Chrome de escritorio, así que allí el modo dispositivo es una primera aproximación razonable.)

Esa última distinción es la que le cuesta un día a un equipo: “se ve bien en la vista de teléfono” y “funciona en el teléfono” son dos afirmaciones distintas.

Cuando quien tiene el teléfono no eres tú

La mayoría de las veces esta pregunta no va realmente de herramientas. Alguien ha avisado de que tu sitio se rompe en su iPhone, no está sentado a tu lado, no tiene un Mac, y pedirle que active el Inspector web y busque un cable no es algo que puedas pedir razonablemente.

Lo que sí puedes pedir, y merece la pena tener:

• La versión exacta de iOS y el navegador. Ajustes → General → Información da la versión. “iPhone” no es una respuesta; iOS 26.1 en Safari sí.
• Una grabación de pantalla. El iPhone lo pone fácil desde el Centro de control, y recoge el comportamiento, los tiempos y qué tocaron, que es casi todo lo que habrías mirado de todas formas.
• Las palabras exactas de lo que salga en pantalla, fotografiadas si hace falta. Un texto de error se puede buscar en tu código; la descripción de un texto de error no.
• Si pasa también en una pestaña privada. Esa sola pregunta separa un fallo de tu página de algo que está haciendo una extensión, un recurso cacheado o un service worker viejo.

Esos cuatro van al mismo sitio que todo lo demás que pedirías, y nuestra guía de informes de error tiene el resto de la forma.

Conviene ser claros sobre nuestros propios límites aquí, ya que esta es una página sobre móvil. Nuestra extensión es una extensión de Chrome de escritorio: captura la consola y el registro de red en un ordenador, no en un teléfono. Si una visitante pulsa un botón de reportar en un iPhone, lo que recibe es una explicación y un enlace para llevárselo a un navegador de escritorio - útil para que el informe llegue a entrar, y no un sustituto de la salida de consola que habrías tenido con un Mac.

Para los fallos de escritorio quita todo este problema, porque la mitad técnica la captura la persona que pulsa un botón. Para un fallo que solo pasa en el iPhone de alguien, una grabación de pantalla y un número de versión exacto siguen siendo lo mejor que vas a conseguir sin un cable.

Si estás depurando tu propio teléfono

Conviene decirlo claro, porque la respuesta larga de arriba es para el caso habitual. Si es tu dispositivo, tu Mac y tu página, conecta el cable y usa el Inspector web. Todo lo demás en esta página es un apaño para cuando eso no se puede.

Referencia rápida

• iPhone/iPad: Ajustes → Apps → Safari → Avanzado → Inspector web activado. (Ajustes → Safari → Avanzado en iOS 17 y anteriores.)
• Mac: Safari → Configuración → Avanzado → Mostrar funciones para desarrolladores web.
• Conecta por cable, desbloquea, confía, y luego Desarrollo → dispositivo → página.
• Solo Safari. Todos los navegadores de iOS usan WebKit, se llamen como se llamen.
• El “modo dispositivo” del escritorio prueba la maquetación, no el motor.