Con frecuencia es una buena idea disponer de un recurso fuera de línea, ya que se puede acceder a él en cualquier momento sin tener que preocuparse por la conectividad a Internet o la disponibilidad del recurso en la Internet. Todos los navegadores web modernos soportan una funcionalidad básica para guardar las páginas web en el sistema local.
Normalmente, cuando se hace clic en la opción «Guardar la página como», el navegador descarga el contenido de la página y lo guarda como un archivo HTML y una carpeta que contiene los medios de comunicación, los iconos, el código CSS y otros elementos web que estaban presentes en la página. El número de archivos en la carpeta varía de un sitio web a otro, y de una página a otra.
Usando una extensión como Single File (Chrome, Firefox) o Save Page WE podemos ayudarte a guardar las páginas web como archivos HTML sin las carpetas. Este único archivo tiene todo el contenido que estaba en la página web.
Antes de entrar en las opciones de la extensión, déjeme mostrarle un ejemplo. He salvado esta página de Wikipedia usando la opción de «guardar página» incorporada en Firefox. Desactivé Internet y abrí la página desde mi disco duro.
Ahora compáralo con el que se guarda con la extensión «Save Page WE». ¿Puedes ver las diferencias?
Permítame destacarlos. El favicon de la página web en la barra de pestañas, el logo de Wikipedia arriba a la izquierda, el icono del idioma a la izquierda y el icono del usuario cerca de la parte superior derecha, todos faltan en el guardado por la herramienta del navegador. La extensión, por otro lado, los guardó perfectamente como una copia 1:1, y lo más importante, en un solo archivo. En comparación, la opción Guardar de Firefox tenía 17 archivos en total (HTML + una carpeta que contenía 16 archivos).
Puede que no sea un gran problema para esta página en particular, pero si ha guardado algo más para su uso futuro y más tarde descubre que le falta algún contenido importante, eso puede ser molesto.
Salvar la página WE
La extensión coloca un ícono de disquete en la barra de herramientas, haga clic en él para guardar la página web actual. El atajo de teclado para esto es Alt + A. Dependiendo del contenido de la página, puede tomar unos segundos para empaquetar todo en un solo archivo HTML. Aparecerá un cuadro de diálogo de descarga, que puede utilizar para guardar el documento HTML. Puedes abrirlo en cualquier navegador de tu elección, incluso en un navegador móvil ya que todos admiten la apertura de archivos HTML.
Haga clic con el botón derecho del ratón en el icono de la barra de herramientas de Save Page WE para ver su menú contextual. Tiene tres opciones: Guardar artículos básicos, guardar artículos estándar y artículos personalizados. ¿Qué hacen estos? Elementos Básicos guarda los contenidos de la página web actual como los elementos HTML y CSS, las imágenes y los estilos de fuente. Los Elementos Estándar incluyen todos los Elementos Básicos + audio HTML, video, objetos y archivos incrustados. Los elementos personalizados te permiten elegir lo que quieres guardar del contenido mencionado anteriormente. Utiliza la página de administración del complemento de Firefox (o haz clic con el botón derecho del ratón en el icono en Chrome) para acceder a las opciones de la extensión.
La Pestaña General te permite establecer la acción del botón por defecto (método de guardado) junto con una opción para preservar el título de la página. Algunas páginas web pueden contener elementos que no se pueden guardar; puede elegir si el complemento debe advertirle cuando una página contiene dichos elementos, y también si debe enumerar todos los elementos que no se pueden guardar. La segunda pestaña, Elementos guardados, le permite definir qué elementos personalizados deben guardarse cuando utiliza la opción «Guardar elementos personalizados». Aunque también contiene una lista de artículos básicos y estándar, ninguna de estas opciones puede ser modificada.
Save Page WE guarda el contenido según el guión del sitio web, y si quieres evitar elementos que han sido bloqueados por bloqueadores de contenido (bloqueadores de anuncios como uBlock Origin), editores de páginas, etc., puedes habilitar la opción «Purgar elementos» en la pestaña Advanced. También puede ayudar a reducir el tamaño del archivo. Otras opciones de esta pestaña incluyen el bloqueo del encabezado del referenciador, la autorización de contenido de medios mixtos y la configuración para administrar los marcos anidados, el tamaño de los recursos y la carga. Puedes establecer un atajo personalizado para la acción de la página de guardado de los complementos, desde la pestaña Atajos.
Ventajas de guardar las páginas web como HTML
Guardar las páginas web en un solo archivo facilita su compartición, sobre todo si se desea enviar varias páginas. Puedes adjuntarlos a un correo, o a través de un mensaje de mensajería instantánea, subirlos a un disco en la nube, o incluso transferirlos a tu teléfono para leerlos sobre la marcha, sin tener que preocuparte por las carpetas adicionales.
Si tienes docenas o cientos de páginas web guardadas en tu ordenador, cada una de ellas tendrá su propia carpeta, y cuando las pongas todas juntas en un directorio puede resultar un poco desordenado. Ese no es el caso si guardas la página como un solo archivo HTML, por lo que en términos de organización tiene una ventaja. Esto también ayuda a renombrar las páginas guardadas sin romper ningún elemento que contenga.
Save Page WE no sólo empaqueta el contenido en el HTML, sino que también lo comprime un poco. El tamaño del archivo de la página web puede ser un problema a veces, en la mayoría de los casos la extensión lo guardaba en un tamaño más pequeño, pero ocasionalmente la herramienta incorporada del navegador era mejor. Aquí hay dos ejemplos de capturas de pantalla. En la primera imagen podemos ver al complemento superando a la herramienta incorporada por un ligero margen.
La 2ª imagen muestra que Salvar la página NOSOTROS guardamos la página en un archivo de 13MB, mientras que Firefox se las arregló para mantenerla en menos de 3MB.
Una vez más, esto depende de la página web, y cuando se acumulan toneladas de páginas web puede haber una diferencia dependiendo de la cantidad de almacenamiento que se pueda ahorrar. Puede descargar la página de guardado WE de la Tienda web de Chrome o del repositorio de complementos de Firefox.
Advertencia: No pude encontrar el código fuente o incluso una página web para Salvar la Página NOSOTROS. Otros dos complementos del mismo desarrollador son «Recomendado por Mozilla», lo cual es una buena señal. Yo también lo he estado usando durante mucho tiempo.