From the course: JavaScript: Progressive Web Applications
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Demonstrating the web app install banner - JavaScript Tutorial
From the course: JavaScript: Progressive Web Applications
Demonstrating the web app install banner
- [Instructor] Let's fire up the simulator from the desktop. From the hardware menu, choose erase all contents and settings to make sure we get non cached versions of the app. So, hardware, erase all contents and settings, then click erase. Then start Safari, and let's load our PWA. Local host colon 83 83 You should see the instructions at the bottom of the simulator. Let's start Safari on the desktop. And then from the develop menu let's open the service worker web inspector. So, there's the simulator, and the second one is the local host for the service worker. Let's type this into the input field and then expand the service worker node and you can scroll down and see, the cache has been updated to version three. And all of the new files we added in the cached files array, have been cached. Let's now, from the develop menu open the simulator webpage web inspector. That one's gonna look a little bit different because it's on a webpage, click on the storage tab and then click on local…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
(Locked)
What's missing in the iOS implementaton3m 16s
-
(Locked)
Web app install banner: HTML and CSS7m 55s
-
(Locked)
Web app install banner: Update the cache3m 31s
-
(Locked)
Web app install banner: The window.onload event9m 17s
-
(Locked)
Demonstrating the web app install banner3m 12s
-
(Locked)
Launch images and splash screens3m 53s
-
(Locked)
Demonstrating launch images2m 30s
-
(Locked)
-
-
-