Hi good day anyone have tutorial how to make my chrome extension/app offline?
I'm new on developing chrome apps I just embed my website url to my manifest.json but i want my chrome app usable even offline mode anyone have tutorial on how to make chrome app offline?
On
Making a Chrome App work offline takes more than adding "offline_enabled": true to your manifest.json. Indeed, in most cases the offline_enabled setting is true by default.
What offline means is that most, if not all, of your application's data is stored locally on a computer running the app. That way, the app does not care whether it is connected to the Internet. Check out this link from the Chrome App developer site. You'll also want to take a look at the Chrome storage API to download, sync, and manage your data.
On
From what I understand currently (Chrome 47), there might be a issue with webviews and offline support. In fact as soon as you include a webview, by default the offline_enabled flag gets set to false.
https://developer.chrome.com/apps/manifest/offline_enabled
Now theoretically the only way a webview is going to work offline is if its content is cached. Ergo you would think to use the HTML5 Application Cache.
If you have a Chrome OS device that is disconnected from the Internet but running an app with a webview, even if you explicitly set the offline_enabled flag back to true and your webview wants to load content that you have in your HTML5 Application Cache it seems this scenario does not work right now.
Simply having a webview, even one that is going to load a HTML5 app/page completely from the HTML5 Application Cache, Chrome OS will give you an ERR_INTERNET_DISCONNECTED error before trying to load the URL.
Oddly enough, if your HTML5 Application Cache has completely cached the app/page and the server of the URL is offline BUT your Chrome OS device is connected to the Internet, the webview will correctly load up the page from the HTML5 App Cache.
I brought this issue up to Google today. It seems to be an oversight with the webviews and failure to check the HTML5 Application Cache when the device is offline. I will update here if anyone is interested.
Feb 3, 2016 EDIT
We figured out our problem was our app originally tries a http URL which gets redirected to https and then cached. When we are offline, it only tries http and fails to find anything cached so we get the dinosaur page offline.
By trying https only in our case, everything works. webviews with AppCache work fine in Chrome OS apps in offline.
Use "offline_enabled": true in manifest.json and read Offline First.