¿Alguna vez quiso ver el código fuente de una página web desde un iPad o iPhone? Desafortunadamente, Safari móvil no incluye la función por sí solo y aún no tiene un kit de herramientas de inspección web móvil incorporado, pero con la ayuda de un marcador personalizado puede ver la fuente de cualquier página web directamente en iOS y iPadOS.

Este artículo le mostrará cómo configurar para poder ver el código fuente en Safari para iPad y iPhone usando un bookmarklet y un truco de javascript.

Cómo ver la fuente en Safari para iPad y iPhone

1. Abre Safari si aún no lo has hecho
2. Marque esta página web (o cualquier otra) con Safari en un iPad, iPhone o iPod touch y nombre el marcador como "Ver código fuente"
3. Haga clic aquí para ver el javascript de bookmarklet y luego seleccione Seleccionar todo -> Copiar
4. Toque el icono de marcador en la nueva pantalla del navegador Safari y toque "Editar", luego toque el marcador que guardó en el paso 2
5. Pegue el código javascript que copió en el paso 3 en la barra de URL y luego guarde los cambios en el marcador tocando "Listo"
6. Ahora, cuando desee ver una fuente de páginas web en iPad o iPhone, abra el menú Favoritos y seleccione "Ver fuente"
7. El código fuente aparecerá en sintaxis res altada con URL de origen en las que se puede hacer clic

Una cosa importante a tener en cuenta es que el javascript que se usa aquí envía la página que está viendo al servidor michelsen.dk para su procesamiento. Si no se siente cómodo con eso, existen otras soluciones, pero no res altarán la sintaxis y no son tan elegantes en general.

Por ejemplo, puede usar el Javascript a continuación como un bookmarklet para ver la fuente también, que no se procesará a través de un servidor remoto, pero no usa el res altado de sintaxis:

javascript:(function(){var a=window.open('about:blank').document;a.write('Source of '+ubicación. href+'');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap ';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

Un consejo similar utiliza un marcador editado que le permite ejecutar Firebug con Mobile Safari en un iPhone o iPad también, lo que puede ser un poco más útil para algunos desarrolladores web.

Este increíble consejo proviene de Michelsen.dk. Encontrado a través de Twitter, también puede seguirnos allí

Quién sabe, tal vez algún día Safari en iOS y iPadOS obtenga una capacidad nativa para ver la fuente. Hasta entonces, tendrás que confiar en las aplicaciones o herramientas de esta fiesta como esta.

Esto funcionó bien en las pruebas, pero algunos usuarios informan resultados diferentes en varias versiones posteriores de Safari e iOS. Háganos saber en los comentarios a continuación qué funciona para usted y qué versión de iOS y iPad o iPhone está usando.