How to save website for offline in flutter mobile

Question

Important note - I want this functionality for mobile apps only, not for flutter web.

I am having some trouble saving the website inside the flutter app. I have tried using the cache method and savewebarchive method for the inappwebview. The issue with the method is that it is not saving the full content of the website. It is only saving HTML and CSS files.

I want to save the whole website with all the content like HTML, CSS, js, font files, Images and store it inside the flutter app. I have gone through a few plugins but none of them were helpful.

I am looking for the same functionality as httrack.

Any right direction would be appriciated.

The bounty has ended and is not refundable. You can reward an answer that helps you. — ch271828n, Nov 15 '21 at 07:37

score 3 · Answer 1 · answered Nov 08 '21 at 09:33

3

Without existing Flutter plugins, one of the quickest approach is to simply use Android and iOS plugins, and write a simple Flutter wrapper around it.

For android, you may be interested in this link. For iOS, this link may be helpful. These links are just examples - you can search further on Google to find out more plugins that suit your needs. (For example, search android kotlin save whole website etc).

After the solution is found on android and ios, you can develop a Flutter plugin very easily in order to let your Flutter code call those Android/iOS snippets. Personally I suggest use Kotlin for Android, Swift for iOS, and do not forget pigeon for code generation.

By the way, if you want to draw some UI with Android/iOS code instead of Flutter code, you may also be interested in platform views.

answered Nov 08 '21 at 09:33

ch271828n

15,854
5
53
88

I have tried using it that way but some files are not present inside the archive itself. like the files with .blob and .woff extention that carries some data inside the webpage itself. – raj kavadia Nov 08 '21 at 12:09
@rajkavadia So you may need to create another question asking about android and ios. btw which platform do you fail? what methods have you tried? – ch271828n Nov 08 '21 at 12:30
@rajkavadia any updates? – ch271828n Nov 09 '21 at 11:21
@rajkavadia Congratulations! – ch271828n Nov 10 '21 at 11:39
sorry its not working on the site that i want. – raj kavadia Nov 10 '21 at 19:01
its not fatching sites with blobs and woff files. – raj kavadia Nov 10 '21 at 19:02
@rajkavadia what method have you tried? there are a lot of methods for android/ios and you may try others – ch271828n Nov 11 '21 at 00:04
Have tried this link and also tried JSOUP for java but it's not working on specific sites. – raj kavadia Nov 11 '21 at 11:43
@rajkavadia hmm have you tried others? that is more like a pure-android problem. – ch271828n Nov 13 '21 at 09:28
@rajkavadia Hi the bounty (it is *non-refundable*) is going to end in 2 hours. Have you made any progress? – ch271828n Nov 15 '21 at 03:36

score 1 · Answer 2 · answered Nov 04 '21 at 13:45

Since you asked for some directions:

If you already know which websites you want to be able to view offline, you can use HTTrack to download them and bundle the files generated in your Flutter application.

If you want to be able to dynamically download websites, there is currently no Dart/Flutter package that will do the website ripping for you. You would either have to implement it yourself, or perhaps make an API that would use an already made program (HTTrack for example) and then send the files to your application.

score -1 · Answer 3 · answered Oct 26 '21 at 13:10

-1

You can use webview_flutter and html plugin to download whole website as code, store it as a String variable then you can open it by using webview_flutter.

answered Oct 26 '21 at 13:10

Zahid Tekbaş

809
2
12
27

It saves the HTML file, yes but it is not saving the whole content of the website like images font files. – raj kavadia Oct 27 '21 at 10:31

How to save website for offline in flutter mobile

3 Answers3