DSW Try it Yourself page
Use this page to test and see it working.Open your browser's console and check the cached content, and the network requests as you test the features.
01
Load image
This example will successfuly load an image from cache.
This image loads dynamically and will be cached only after the first time it loaded successfuly.
This image loads dynamically and will be cached only after the first time it loaded successfuly.
➤ Run test
02
Image not found
This tries to load an image that does not exist.
It loads then, a default 404 image.
The 404 image was cached during the Service Worker installation.
It loads then, a default 404 image.
The 404 image was cached during the Service Worker installation.
➤ Run test
03
Redirected Image
When trying to load one image, another one is loaded.
The image has been cached as soon as the service worker got installed.
The image has been cached as soon as the service worker got installed.
➤ Run test
04
Uncacheable image
This image will never be cached.
Try checking the "offline" box in the Application panel, reload the page and try this again.
Try checking the "offline" box in the Application panel, reload the page and try this again.
➤ Run test
05
404 Page
Accesing a non existing page.
You may also try typing anyhting in the URL and hitting enter.
You may also try typing anyhting in the URL and hitting enter.
➤ Run test
06
Load json
Loading JSON data from an address.
You could load a REST API for example.
This information will be stored in an IndexedDB structure.
It uses a "online-first" strategy, so, it will always look first for it online(using the network).
You could load a REST API for example.
This information will be stored in an IndexedDB structure.
It uses a "online-first" strategy, so, it will always look first for it online(using the network).
➤ Run test
07
Redirected Page
Redirecting pages under a given directory.
Run the test more times to see random pages being redirected.
These pages will be cached only after the first time they got loaded.
After that, you can get offline and seen each one of them working from cache, too.
Also, the redirected page is receiving a variable with the information.
Run the test more times to see random pages being redirected.
These pages will be cached only after the first time they got loaded.
After that, you can get offline and seen each one of them working from cache, too.
Also, the redirected page is receiving a variable with the information.
➤ Run test