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.
More Chrome DevTools - JavaScript Tutorial
From the course: JavaScript: Progressive Web Applications
More Chrome DevTools
- [Instructor] Let's explore more of the Chrome dev tools that can help with PWA development. Click on the application tab. Here is where you can get information about your app and perform some actions to help you debug. Click on the manifest tab then click on the add to home screen link. Look at that, our UI appears. Since we're using Chrome to test and there isn't a home screen to add to the app, it doesn't really matter what we do here. But I'll click yes please just to simulate adding to the home screen. The equivalent in Chrome is Chrome asking if you'd like to add the app to your shelf. If you see this prompt, you know your add to home screen functionality is working. For now though, I'm just going to dismiss the prompt. You can click on the service workers tab to get information about your service workers. Let me just close the console on the bottom here. Although you can see now, the before install prompt was fired. In addition, you can use the service workers tab to better…
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)
Registering a service worker6m 25s
-
(Locked)
The install event and caches9m 29s
-
(Locked)
Activating the service worker5m 26s
-
(Locked)
Intercepting requests using Fetch5m 59s
-
(Locked)
Install banner behavior2m 16s
-
(Locked)
Designing the install banner7m 25s
-
(Locked)
Implementing the install banner7m 32s
-
(Locked)
Debugging with Chrome DevTools4m 59s
-
(Locked)
More Chrome DevTools1m 51s
-
(Locked)
Debugging with Safari and the iOS Simulator5m 50s
-
(Locked)
-
-
-
-