#Kiwix for chrome how to
#Kiwix for chrome Offline

Now, before you reload the site, make sure that you're still using DevTools to simulate offline mode. In the screenshot below the mouse is hovering over the button. To fix this, go to the Application panel of DevTools, click on the Service Workers tab, and then click the Unregister button. Once a service worker is installed to a scope such as localhost:3000 (you'll learn more about scope in the next section), that service worker automatically starts up every time that you access the scope, unless you programmatically or manually delete it. That service worker is now automatically running every time that you run the app. When you ran that version, the app actually installed a service worker. What happened? Well, recall that when you began this codelab, you tried out the completed version of the app. What do you expect to see? Well, because you're offline and because this version of the app has no service worker, you'd expect to see the typical 'there is no Internet connection' error message from Chrome.Д«ut what you actually see is. Heads up! If you don't know much about service workers, you're about to see some unexpected behavior. Now, use DevTools to simulate offline mode again (by enabling the Offline checkbox in the Application panel). Go back to the Application panel of DevTools and disable the Offline checkbox, so that you're back online.

#Kiwix for chrome how to

You are now going to remove all offline support from the application and you are going to learn how to use a service worker to add the offline support back into the applicationД¬heck out the 'broken' version of the app that does not have the service worker implemented. The reason this works offline is the basis of this codelab: offline support with service worker. You should be able to use the horn still. Although you're offline, the page should still fully reload. You should see Chrome's 'there is no Internet connection' error message. In the screenshot below the mouse is hovering over the checkbox.ДЄfter clicking the checkbox note the warning icon (yellow triangle with exclamation mark) next to the Network panel tab. Open DevTools, go to the Application panel, and enable the Offline checkbox. Now, you're going to simulate going offline using Chrome DevTools. This folder contains the static assets (HTML, CSS, and JavaScript) that you will use for this project. This repository has one main folder 'app'. You can use any web server, but for the rest of this codelab we'll assume that you're using Python's SimpleHTTPServer on port 3000, so the app will be available from localhost:3000.

Make sure you are on the correct (final) branch by checking out the master branch. If you want to use the web server described in this codelab, you need Python installed on your command line.Д¬lone the GitHub repository from the command line over SSH: $ git clone HTTPS: $ git clone ДЇirst, let's see what the finished sample app looks like (hint: it's amazing).

A basic understanding of Promises, Git, and Chrome DevTools.

How to simulate offline mode and inspect and debug a service worker with Chrome DevTools.

How to add a basic service worker to an existing project.

In this codelab, you learn how to integrate a service worker into an existing application to make the application work offline.