Este wikiHow te enseñará cómo usar la aplicación Safari de escritorio de Apple para verificar el rendimiento de las páginas web móviles en Safari para iPhone.
Pasos
Parte 1 de 3: Habilitar Web Inspector en su iPhone
Paso 1. Abra la configuración de su iPhone
Es un ícono gris que contiene engranajes en su pantalla de inicio.
Paso 2. Desplácese hacia abajo y toque Safari
Está en el cuarto o quinto grupo de configuraciones, junto con otras aplicaciones de Apple iPhone, como Correo y Contactos.
Paso 3. Desplácese hacia abajo y toque Avanzado
Está al final del menú.
Paso 4. Desliza el botón junto a "Web Inspector" a la posición "On"
Es la última opción y se volverá verde cuando esté habilitada.
Parte 2 de 3: Habilitar Web Inspector en su Mac
Paso 1. Abra Safari en su Mac
Es la aplicación que parece una brújula azul.
Paso 2. Haga clic en Safari
Está en la barra de menú en la esquina superior izquierda de la pantalla.
Paso 3. Haga clic en Preferencias
Paso 4. Haga clic en ⚙️Avanzado
Es la pestaña más a la derecha en la parte superior de la ventana.
Paso 5. Marque "Mostrar el menú Desarrollar en la barra de menú"
" Está en la parte inferior de la ventana.
Paso 6. Conecte su iPhone
Use el cable USB que vino con su dispositivo para conectar su iPhone a su Mac.
Parte 3 de 3: Uso de Web Inspector en Safari para iPhone
Paso 1. Abra un sitio web
En Safari para iPhone, abra la página web móvil que desea depurar.
Paso 2. Haga clic en Desarrollar
Es el tercer menú desplegable de la derecha en Safari para Mac.
Paso 3. Haga clic en su iPhone
Aparecerá cerca de la parte superior del menú.
Paso 4. Haga clic en el sitio web
Aparece en una ventana emergente a la derecha de su iPhone.
Si no abrió un sitio web en la aplicación Safari de su iPhone, verá el mensaje "No hay aplicaciones inspeccionables"
Paso 5. Inspeccione la página
Con Safari en su Mac, puede mejorar y medir el rendimiento de las páginas móviles en su iPhone.
- Web Inspector le permite ejecutar comandos en JavaScript para crear una experiencia más dinámica e interactiva para el usuario, como animación y mensajes en tiempo real.
- Inspeccione los elementos DOM (Document Object Model) en busca de errores en los comandos HTML, XML o JavaScript.
- Utilice CSS para actualizar o editar el diseño, los colores y las fuentes en las páginas móviles.
