Articles

Cómo ver los códigos fuente de las páginas web en el iPad / iPhone [Quicktip]

Posted on

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 la opción de hacerlo. Lo siguiente que sabes es que vuelves a tu Mac o PC para abrir el mismo sitio web y comprobar la fuente de la página. Ahora bien, si eso no se llama una molestia, no sé lo que es.

Para hacer las cosas más fáciles para todos los usuarios de iPad y iPhone por ahí, aquí está un truco para permitirle ver la fuente de una página web directamente desde su dispositivo móvil. Ten en cuenta que el código que vas a utilizar te redirigirá a la página web del creador, donde la fuente se presenta en sintaxis resaltada y con una URL en la que se puede hacer clic para facilitar la lectura.

Configuración del marcador ‘Ver fuente’

  1. Para empezar, abre el Safari móvil en tu dispositivo Apple y marca la página que estás leyendo haciendo clic en el botón de marcador. En lugar del nombre de la página, ponle el nombre de ‘Ver fuente’ y luego haz clic en ‘Guardar’.

    Añadir marcador

  2. Abre este javascript bookmarklet, selecciona todo y copia el script.

    Copiar Script

  3. Toca el icono del bookmarklet en la parte superior izquierda de tu navegador móvil Safari, y toca en ‘Editar’

    Editar marcador

  4. Toca en el marcador ‘Ver fuente’ que has creado en el paso 1.

    Editar marcador

  5. Ahora pega el javascript del bookmarklet que has copiado en el paso 2 en la barra de URL y toca ‘Hecho’.

    pegar script

Ver fuente en Safari en iPad y iPhone

Ahora que has creado un nuevo marcador llamado ‘Ver fuente’, para ver la fuente de cualquier página web, abre cualquier sitio desde tu navegador Safari, toca en el icono del marcador y luego toca en el marcador ‘Ver fuente’.

Ver fuente

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

ver fuente

Conclusión

.

Deja una respuesta

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