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.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

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

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

5 días hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

5 días hace

Imprimir PDF generado con HTML

Hoy vamos a ver programar la impresión de un PDF generado a partir de HTML…

6 días hace

JavaScript: llenar select con arreglo

En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista…

2 semanas hace

Imprimir PDF a partir de URL

En este artículo se presenta una guía para imprimir un PDF a partir de una…

2 semanas hace

Imprimir PDF a partir de base64

En este post voy a enseñarte cómo imprimir un PDF a partir de su representación…

2 semanas hace

Esta web usa cookies.