Cómo ver códigos fuente de sitios web en iPad / iPhone [Quicktip]

Estás usando tu iPad para navegar por la Web y tienes curiosidad por ver la fuente de una página web, pero no tienes las opciones para hacerlo. Lo siguiente que sabe es que está cambiando a su Mac o PC para abrir el mismo sitio web y verificar el origen de la página. Ahora bien, si eso no se llama molestia, no sé qué lo es.

Para facilitar las cosas a todos los usuarios de iPad y iPhone, aquí hay un truco que le permitirá ver la fuente de una página web directamente desde su dispositivo móvil. Tenga en cuenta que el código que utilizará lo redirigirá al sitio web del creador , donde la fuente se presenta en sintaxis resaltada y URL en la que se puede hacer clic para facilitar la lectura.

Configurar el marcador ‘Ver código fuente’

  1. Para comenzar, abra su Safari móvil en su dispositivo Apple y marque la página que está leyendo haciendo clic en el botón de marcador. En lugar del nombre de la página, asígnele el nombre “Ver código fuente” y luego haga clic en “Guardar”.

    Añadir marcador

  2. Abra este javascript de bookmarklet , seleccione todo y copie el script.

    Copiar guion

  3. Toque el icono de marcador en la parte superior izquierda de su navegador Safari móvil y toque ‘Editar’

    Editar marcador

  4. Toque el marcador ‘Ver código fuente’ que creó en el paso 1.

    Editar marcador

  5. Ahora pegue el javascript de bookmarklet que copió en el paso 2 en la barra de URL y toque ‘Listo’.

    pegar script

Ver código fuente en Safari en iPad y iPhone

Ahora que ha creado un nuevo marcador llamado ‘Ver código fuente’, para ver el código fuente de cualquier página web, abra cualquier sitio desde su navegador Safari, toque el icono del marcador y luego toque el marcador ‘Ver código fuente’.

Ver fuente

Este atajo de marcador enviará una solicitud al servidor del creador para su procesamiento y luego abrirá una nueva pestaña del navegador para que pueda ver la fuente en la sintaxis resaltada.

ver fuente

Conclusión

Este método para ‘ver el código fuente’ no es similar a las herramientas de desarrollo web donde lo tiene como una extensión de su navegador, pero crear este marcador es guardar un acceso directo al sitio web del creador donde puede ver el código fuente de cualquier sitio web con la sintaxis resaltada.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *