web

Descargar página web completa para uso offline

Resumen: mostrar cómo descargar un sitio web completo (con imágenes, scripts, etcétera) como HTML para su uso fuera de internet o sin depender del dominio, útil también para convertir un sitio de WordPress a un sitio estático (pero con cualquier página funciona).

La herramienta que vamos a usar se llama HTTrack y es completamente gratuita y open source.

Un poco de historia

Necesitaba hacer un sitio de WordPress estático, ya que tenía que usarlo en algunas cosas de la escuela para enviarlo y que el profesor lo revisara.

Primero intenté con plugins, pero no funcionaron, después encontré esta herramienta.

HTTrack

El repositorio de GitHub está aquí, y puedes descargar el software aquí. Una vez que lo hayas descargado ejecuta el software.

Haz click en Next y luego configura el nombre del proyecto así como el lugar en la PC en donde lo vas a guardar:

Haz click en Next, en la siguiente pantalla selecciona la acción, que en la mayoría de casos es Download web site(s)

Después, en Web Addresses coloca la URL completa del sitio que vas a descargar.

Ahora haz click en Next. En la siguiente ventana deja todo como está y configura tus opciones como desees (por ejemplo, si quieres puedes configurar que la PC se apague al terminar)

Click en Finish y ahora debería comenzar a descargarse la página web:

Después puedes visitar la ruta en donde indicaste que se guarde la página; ahí habrá un directorio con el nombre del proyecto indicando al inicio, si lo abres habrá un index.html que puedes usar para navegar:

Problemas a los que me enfrenté al exportar con WordPress

Casi ninguno, solo uno que tiene que ver con las imágenes responsivas. Como WordPress utiliza srcset para eso de las imágenes responsivas, HTTracker no descargaba todas las del srcset (solo era descargada la que estaba indicada en src) así que al querer usar una del srcset no funcionaba.

En resumen, hay que remover ese atributo desde WordPress para que no sea usada en la web offline; para ello puedes usar este plugin.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

17 horas hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.