Cómo ver el código fuente de la página web en iphone y ipad

Aunque las aplicaciones de iOS todavía no son las máquinas de desarrollo, generalmente encontrará un iPhone o un iPad en el kit de herramientas de un diseñador / desarrollador web. Aunque si usted es un desarrollador / editor o simplemente alguien que quiere ver el código fuente de una página o ver todos los activos desplegados en ella, generalmente lo hace desde la computadora.

Ahora, iOS 8 ha hecho que sea mucho más fácil ver la fuente, los activos y los recursos DOM de una página. Y gracias a las increíbles aplicaciones de terceros con soporte de extensión, puede hacerlo directamente en Safari (Chrome no es compatible porque las extensiones solo pueden acceder a DOM en Safari).

Hablemos de las dos aplicaciones que lo ayudarán a ver y guardar el código fuente de cualquier sitio web cuando esté de viaje.

Ver extensión de código fuente para Safari

Ver código fuente ($ 0.99) es una aplicación simple y poderosa con una extensión de Safari. Cuesta $ 0.99, pero viene con muchas características.

Una vez que la aplicación esté instalada, vaya a Safari, toque el botón Compartir, deslice hacia la derecha en la fila inferior y toque Más. Desde aquí alternar Ver código fuente. Esto habilitará la extensión.

Más información sobre las extensiones de iOS 8: las extensiones de iOS 8 se están convirtiendo rápidamente en una herramienta poderosa. Eche un vistazo a cómo funcionan, las mejores extensiones compartidas y cómo una extensión puede ayudarlo a convertir Safari en un descargador completo.

Ahora, vaya a la página, toque el botón Compartir y elija Ver código fuente. Verá el código fuente de la página en todo su esplendor. Toque el botón Compartir para que aparezca la hoja de compartir nativa. Desde aquí puede enviar el código a una aplicación de notas o enviarlo por correo electrónico.

A continuación verá cuatro botones: Activos, DOM, Script e Información.

Los activos enumeran todas las imágenes de la página. Puede tocar un enlace para ver una vista previa y guardar la imagen.

El botón DOM le mostrará un modelo de árbol con una estructura jerárquica de los documentos HTML, XML y SVG. Puede tocar cualquier elemento para expandirlo.

El botón Script le permite escribir e inyectar Javascript en cualquier página (localmente). El panel de información muestra información sobre la página.

Srcfari

Srcfari ($ 0.99) es una alternativa a View Source. Si bien la aplicación le mostrará el código fuente y los activos como imágenes, hojas de estilo CSS y scripts que se ejecutan en la página, deberá hacerlo desde la propia aplicación. No hay extensión de Safari para Srcfari.

Dicho esto, usar Srcfari no es una mala experiencia en absoluto. La aplicación tiene una tipografía agradable y hace un trabajo mucho mejor al desglosar los activos por scripts, CSS e imágenes que la aplicación View Source. Una queja que tengo con Srcfari es que habilitó el ajuste de texto para las hojas de estilo CSS, pero no cuando está viendo la fuente completa (lo que hace la aplicación Ver fuente). Esto significa que habrá una gran cantidad de panoramización y zoom, al menos en el iPhone.

Aparte de eso Srcfari es el asunto habitual. Puede copiar el código fuente en su portapapeles o enviarlo por correo electrónico a alguien. También puede guardar imágenes usando la aplicación.

Conclusión

Probablemente Safari ya sea su navegador preferido en iOS (principalmente porque iOS no le permite seleccionar Chrome como predeterminado). Si necesita ver el código fuente con bastante frecuencia, la aplicación View Source de $ 0.99 con su extensión Safari valdrá la pena.

¿Sueles utilizar tu iPhone o iPad para solucionar problemas de sitios web? ¿O para ver qué les pasa? Háganos saber en los comentarios a continuación.