Reflejando un sitio web detrás de un formulario de inicio de sesión

Version corta:

• Me gustaría tomar una copia sin conexión de una URL que incluye las imágenes HTML + CSS + JS + completas y las guarda localmente, manteniendo la estructura y el contenido del archivo del sitio original.
• Tengo problemas con las herramientas que puedo encontrar (por ejemplo, la extensión "Guardar completa" de Firefox, HTTrack, wget, Teleport Pro) en parte porque la URL está detrás de un formulario de inicio de sesión.

Versión más larga:

Cuando trabajo en mi aplicación, a menudo quiero tomar una versión completa de imágenes HTML + CSS + JS + fuera de línea para enviarla al diseñador con el que trabajo, quien realiza modificaciones y la devuelve. Luego aplico los cambios a la aplicación.

Esto ha resultado ser mucho más eficiente que hacer que navegue nuestro código con una aplicación en vivo, pero hay un inconveniente: no puedo encontrar una aplicación de reflejo que sea conveniente.

Las extensiones de Firefox como "Save Complete" ya tienen la cookie de inicio de sesión, así que no importa que estén detrás de un formulario de inicio de sesión, pero destruyen los archivos guardados localmente, lo que hace imposible trabajar con ellos.

Las herramientas de duplicación como wget o Teleport Pro no son compatibles con nuestro formulario de inicio de sesión.

Sin embargo, se supone que HTTrack puede ejecutarse en modo proxy para detectar la información de inicio de sesión, pero nunca pude hacer que funcione. Como alternativa, puede aceptar cookies que conecte en su archivo cookies.txt, pero siempre me lleva horas hacer esto de manera confiable.

¿Alguna herramienta, extensión de navegador, etc. que pueda hacer esto? Código abierto, comercial, cualquier cosa. Si he estado haciendo mal uso de HTTrack y es realmente trivial, esa es una gran respuesta también.

Con HTTrack puede hacer que use un archivo cookies.txt al descargar. Lo he usado para reflejar con éxito un sitio moodle.

Lo hice con éxito con WinHTTrack . Puede seguir el procedimiento normal para capturar un sitio web, con dos ajustes menores de configuración:

1. En Chrome, abra Dev Tools, luego inicie sesión en el sitio web que necesita capturar. En la pestaña Red, haga clic en la página HTML que solicitó para encontrar su cookie de sesión (el nombre de esta variará según el marco de back-end utilizado). Coloque esto en HTTrack en "Encabezados HTTP adicionales".

2. Asegúrese también de que la cadena del agente de usuario coincida, ya que a veces las sesiones se bloquean si se cambia la cadena del agente de usuario.

   

3. Comience a descargar el sitio. El resultado debería ser como si hubiera iniciado sesión.

¿Has probado Offline Explorer ?

Recuerdo que algo así le permitiría iniciar sesión, guardando cookies para las solicitudes posteriores y hará el resto. No estoy seguro al 100% ya que lo estaba usando hace mucho tiempo.

Teleport Pro permite utilizar un nombre de usuario y contraseña.

Cuando inicie un Asistente de nuevo proyecto, llegará al punto en que le ofrece esa opción (creo que está en la tercera pantalla de opciones).

E incluso si lo pierde, puede acceder a esa opción nuevamente.

En la ventana principal (después de haber pasado por el Asistente de proyectos), haga clic con el botón derecho en su proyecto (pequeño icono de carpeta que muestra la URL que está tratando de descargar, en el panel izquierdo) y elija la última opción Starting Address Propertiesy se le presentará una pantalla de opciones donde puede especificar un nombre de usuario y contraseña para usar en ese sitio.