Pero la herramienta Dev Tools no está integrada en navegadores móviles como Safari y Chrome para el iPhone y el iPad. Aunque la herramienta de escritorio puede simular diferentes tamaños de pantalla y agentes de usuario, incluidos los dispositivos móviles, es posible que a veces los desarrolladores deseen ver una parte tal como aparece en el dispositivo. Si quieres saber más información sobre esta Visita Oficial Apple Sitio de soporte.
Cómo usar Inspect Element en iPhone, iPad y Mac
Necesitará una computadora Mac y un cable que conecte su iPhone a su computadora para usar las herramientas de desarrollo y activar esta opción en su iPhone. Suscríbase a nuestro Consejo del día para obtener más consejos y trucos geniales sobre cómo usar su Apple productos ¡Empecemos!
- En tu iPhone, abre Ajustes.
- Grifo Safari.
- Grifo Avanzado.
- Activa el inspector web. Será verde cuando esté habilitado.
- A continuación, vaya a su Mac y abra Safari.
- En la esquina superior izquierda, haga clic en Safari en el menú.
- Hacer clic preferencias.
- Hacer clic Avanzado en la barra de navegación.
- Controlar Mostrar el menú Desarrollar en la barra de menú.
- Ahora debería poder ver aparecer la opción Desarrollar en el menú superior.
- Una vez que haya llegado a este paso, deberá conectar su teléfono a su Mac con un cable.
- Una vez que su iPhone esté conectado, haga clic en el Desarrollar pestaña en el menú superior.
- Seleccione su teléfono del menú desplegable. (El nombre de mi teléfono es Luna).
- Para evitar tener que usar un cable nuevamente, puede habilitar Conectar a través de la red. Ahora, puede desconectar su iPhone de la Mac y aún poder inspeccionar páginas web sin conectar un cable entre ellas.
- A continuación, abra el Safari aplicación en su iPhone y vaya a la página web que desea inspeccionar.
- Con su iPhone desbloqueado y la página web seleccionada abierta, regrese a su Mac y abra Safari.
- Haga clic en Desarrollar en la barra de menú y selecciona tu iPhone.
- Cuando pasas el cursor sobre el nombre de tu iPhone, deberías ver una lista de páginas web que están abiertas en tu iPhone. Clickea en el Página web desea inspeccionar de esta lista.
- Se cargará una nueva ventana en la Mac que muestra toda la información que se puede inspeccionar desde el seleccionado Página web.
- Podrá ver a qué parte de la página apunta una línea de código porque se convertirá en resaltado en azul a medida que pasa el mouse sobre él.
preguntas frecuentes
¿Cómo habilito Web Inspector en mi iPhone?
Toca Configuración, Safari, Avanzado y activa Web Inspector en tu iPad, iPhone o iPod touch. Y active JavaScript si aún no lo ha hecho. Inicie Safari en su Mac y vaya a Safari > Preferencias > Avanzado. Si aún no está marcado, marque la casilla junto a «Mostrar menú Desarrollar en la barra de menú».
¿Puedo usar el elemento de inspección en mi teléfono?
La herramienta Inspeccionar está disponible en todos los navegadores principales y se puede usar tanto en PC como en dispositivos móviles. Para usar la herramienta «Inspeccionar» en un dispositivo móvil, abra la ventana «Herramientas para desarrolladores» y elija la opción «Inspeccionar». Entonces podrá ver el código HTML de la página en la que se encuentra.
