TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

46

En las computadoras de escritorio, puede usar la consola del desarrollador en los navegadores para verificar el código fuente de los sitios web. Esta es una tarea muy fácil cuando se usa el navegador Google Chrome tanto en MacBook como en PC con Windows. Sin embargo, ver el código fuente es un proceso largo cuando se usa el navegador Safari en MacBook. Y esa es una especie de función oculta con Safari en tu iPhone. Si alguna vez te has preguntado cómo mirar el código fuente de las páginas web en Safari en tu iPhone, aquí te explicamos cómo puedes hacerlo.

¿Puedo ver el código fuente de las páginas web en Safari iPhone?

La respuesta es no. No puede ver el código fuente de las páginas web directamente en su iPhone. Tampoco tiene sentido hacer tal análisis con dispositivos de pantalla pequeña. Sin embargo, Apple le permite ver el código fuente de las páginas web móviles y hacer todas las cosas relacionadas con la Consola de Desarrollador desde su Mac.

¿Que necesitas?

¿Necesita lo siguiente para ver el código fuente de las páginas web de Safari de iPhone en su Mac?

  • Tu iPhone con la última versión de iOS
  • Cable conector Lightning
  • Su computadora Mac o computadora portátil

¿Cómo ver el código fuente de las páginas web en Safari iPhone?

Siga los pasos a continuación para ver el código fuente de las páginas web en Safari iPhone en su Mac.

  • Agregar el menú "Desarrollar" en Mac Safari
  • Habilitar "Web Inspector" en Safari iPhone
  • Conectar iPhone a Mac
  • Ver fuente e inspeccionar elementos

Paso 1 – Agregar menú de desarrollo en Safari Mac

El navegador Safari en Mac de forma predeterminada no muestra la consola del desarrollador y la opción de inspección del elemento. Debe habilitar manualmente el menú "Desarrollar" para habilitar la consola de desarrollador en Safari.

  • Inicie Safari y vaya a la sección "Safari> Preferencias …".
  • Vaya a la pestaña "Avanzado" y habilite la opción "Mostrar menú Desarrollar en la barra de menú".

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

Mostrar menú de desarrollo en la barra de menú de Safari

Obtenga más información sobre cómo agregar el menú "Desarrollar" en Safari y realizar las pruebas de capacidad de respuesta del sitio web.

Paso 2: habilita el inspector web en Safari iPhone

Similar a habilitar el menú "Desarrollar" en Safari Mac, también necesita una opción llamada "Inspector web" en Safari iPhone.

  • Toque la aplicación "Configuración" y vaya a la página de configuración de "Safari" en su iPhone.
  • Desplácese hacia abajo y toque la opción "Avanzado".
  • En la siguiente pantalla, puede habilitar la opción "Web Inspector".

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

Habilitar Web Inspector en Safari iPhone

Paso 3: conecta el iPhone a la Mac

Ahora que ha configurado su iPhone y Mac. El siguiente paso es conectar el iPhone a tu Mac. Si tiene iPhone 11 o modelos de hígado, use su cable USB Lightning para conectar el teléfono a Mac. Sin embargo, los últimos modelos de iPhone 11 Pro vienen con un conector USB tipo C en lugar del cable conector USB Lightning. En tal caso, puede utilizar los cables USB antiguos o necesitar un convertidor adicional para conectar el cable Type-C al puerto USB de su MacBook.

Si es la primera vez que conecta su iPhone, elija "Confiar" en el dispositivo ingresando su contraseña.

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

Confía en Mac

Paso 4: ver el código fuente

Inicie el navegador Safari en el iPhone y abra el sitio web en el que desea ver el código fuente e inspeccionar los elementos.

  • Vaya a su Mac e inicie el navegador Safari. Vaya a "Desarrollar> Nombre de su iPhone" para ver las páginas web que ha abierto en su teléfono.

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

Abra la página web del iPhone en Safari Web Inspector

  • Haga clic en el sitio web para abrir "Web Inspector" que mostrará el código fuente de la página web abierta en Safari iPhone.

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

Safari Web Inspector en Mac

  • Puede ver elementos, verificar fuentes y hacer todo tipo de análisis que puede hacer con Chrome Developer Tools.
  • Puede seleccionar los elementos en el Inspector web para ver el código fuente y el elemento correspondiente se resaltará en su iPhone Safari.

¿Cómo ver el código fuente de las páginas web en Safari iPhone en Mac?

Resaltado de elementos de la página web en Safari iPhone

Ultimas palabras

Tenga en cuenta que también puede hacer el análisis del sitio receptivo en Safari Mac. Sin embargo, la selección de elementos relevantes para dispositivos móviles puede resultar difícil en el modo de diseño receptivo y es posible que Mac no sea el modelo de su iPhone de forma predeterminada. Por lo tanto, utilizar Web Inspector para inspeccionar elementos es un método eficaz para obtener directamente el código fuente del elemento relevante.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More