¿Tiene curiosidad por la web y quiere echar un vistazo al código fuente de cualquier sitio web en Internet? Si es así, no estás solo. Una de las preguntas de los lectores más frecuentes que vemos es cómo ver los códigos fuente HTML de CUALQUIER página web en un iPhone (u otro iDevice - iPad o iPod Touch). Afortunadamente, tenemos una solución gracias al desarrollador Rob Flaherty! Este artículo describe los pasos necesarios para ver el código fuente (HTML, CSS, JavaScript, etc.) de cualquier página web en sus iDevices, incluidos iPad, iPhone o iPod touch. Y lo mejor de todo, ¡no se requiere una aplicación!
Contenido
- Artículos Relacionados
-
Cómo ver códigos fuente HTML en iDevices
- 8 sencillos pasos para ver los códigos fuente HTML
- Resultados finales para ver códigos fuente HTML
-
Y, por supuesto, ¡hay una aplicación para eso!
- Artículos Relacionados:
- Cómo ver el código fuente HTML en Safari
Cómo ver códigos fuente HTML en iDevices
8 sencillos pasos para ver los códigos fuente HTML
- Toque Safari (iPhone, iPod o iPad), si aún no está abierto, y visite esta página.
- Selecciona el Botón de compartir (también conocido como el Botón de acción):
- Grifo Marcador:
- Elegir el Campo de nombre y presione el ícono X para borrarlo y asígnele el nombre "Mostrar fuente de página" y luego presione "Guardar".
- Ahora visita esta pagina y seleccione todo y copie el código javascript: (crédito del código: Rob Flaherty)
- Confirme que el código que copia del sitio de Rob tiene el mismo aspecto (pero copie de esta pagina NO desde abajo):
- javascript: (function () {var a = window.open ('about: blank'). document; un escrito('
Fuente de "+ location.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))}) ();
- javascript: (function () {var a = window.open ('about: blank'). document; un escrito('
- Toque en el Marcadores icono y toque Editar:
- Seleccione el marcador "Mostrar código fuente de la página" que acaba de crear en el paso 4:
- Toque el Campo de dirección y presione el ícono X para borrarlo, luego pegue el código javascript que copió en el paso # 5; luego toca Listo
¡Eso es todo! Ahora puede usar ir a cualquier página web usando Safari móvil (y Chrome) en su iDevice (iPhone, iPod o iPad), toque el Marcadores luego toque el marcador Mostrar fuente de página y se abre una nueva ventana que muestra el código fuente de la página web. ¡Increíble y fácil!
Resultados finales para ver códigos fuente HTML
![mostrar fuente de la página](/f/9c33660511465cba0d6ad8f8c116d5bb.png)
![ver el código HTML de un sitio](/f/00e5f550855c4466b60f0ca0bb8110c0.png)
Y, por supuesto, ¡hay una aplicación para eso!
Si no le gusta la idea de seguir un montón de pasos manuales, la App Store ofrece algunas aplicaciones que hacen el trabajo por usted. Busque aplicaciones de terceros como Ver código fuente, Fuente para página web, Navegador de código fuente y aplicaciones similares que le permitan ver código fuente HTML. Con estas aplicaciones, obtiene acceso a todo el código fuente HTML de su sitio favorito, CSS y, en algunas aplicaciones, cualquier JavaScript. ¡Algunas de estas aplicaciones incluso ofrecen una extensión de Safari para dispositivos iOS e incluyen funciones de búsqueda y resaltado de sintaxis integradas!
Con estas aplicaciones, ver el código fuente es un proceso sencillo de un solo paso. Simplemente ingrese una URL y vea inmediatamente el código fuente detrás de ella. O use la extensión de Safari de la aplicación y navegue por la web como lo haría normalmente. Luego, cuando desee ver la fuente de su página actual, todo lo que necesita hacer es tocar el ícono Acción y elegir Ver fuente. Es fácil copiar el texto en su mesa de trabajo para usarlo en otras aplicaciones o incluso enviarlo como un correo electrónico.
![sudz - manzana](/f/112bbcabb83c0e6e3dceb43b5ceef1a9.jpg)
Obsesionado con la tecnología desde la llegada temprana de A / UX a Apple, Sudz (SK) es responsable de la dirección editorial de AppleToolBox. Tiene su base en Los Ángeles, CA.
Sudz se especializa en cubrir todo lo relacionado con macOS, habiendo revisado docenas de desarrollos de OS X y macOS a lo largo de los años.
En una vida anterior, Sudz trabajó ayudando a compañías Fortune 100 con sus aspiraciones de transformación empresarial y tecnológica.