Salvare un sito Web di 30 pagine in un unico pezzo per visualizzare offline (ma con CSS e JS in posizione)?

In alternativa, se hai il controllo del sito web / app, prova a progettarlo lavorando con offline . L'idea di base è quella di memorizzare quanti più dati possibile nel client quando si è online per l'utilizzo offline. Con addetto all'assistenza , c'è un lavoro molto limitato che lo sviluppatore deve identificare se sto recuperando i dati da ajax o offline. Per quanto riguarda il lavoratore di servizio, un altro link è link

Checkout link , funziona abbastanza bene con offline in chrome.

Strumenti come wget possono spiderare il sito e catturare tutto il contenuto statico. Se disponi di contenuti dinamici basati su moduli, javascript o altre tecnologie, è probabilmente poco pratico farlo facilmente.

Potrebbe essere possibile eseguire un clone del sito sul tuo laptop. Molti server Web hanno versioni che verranno eseguite su un laptop. Questo è un approccio comune per lo sviluppo di siti Web.

Non è affatto un compito semplice. Se fosse solo HTML e CSS sarebbe facile, ma i siti web moderni hanno lo stato - un sacco.

Ecco un'idea generale che può funzionare:

1. L'utente inserisce l'indirizzo del sito da salvare (nel tuo strumento)
2. Chiedi al tuo strumento di registrare tutte le richieste / risposte del sito specificato (richieste XHR, immagini, caratteri, documenti, ecc.) e di archiviare la richiesta e le risposte in qualche tipo di database o file. L'utente può seguire i link e utilizzare le azioni javascript che desidera utilizzare offline.
3. Successivamente, quando l'utente desidera visualizzare il sito offline, chiedigli di scegliere il file salvato in # 2
4. Apri il documento di base (risposta salvata in # 2) e prendi in giro ogni richiesta fatta dal documento (per immagini, caratteri, XHR, ecc.) e restituisci la risposta che è stata catturata # 2

Questa idea ha alcuni problemi che dovrai risolvere. Per esempio. le richieste emesse nel n. 4 potrebbero non corrispondere esattamente alle richieste che hai acquisito nel n. Potrebbe essere necessario avere una logica di corrispondenza fuzzy per collegare le richieste.