Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Progressive Web Application Development by Example

You're reading from   Progressive Web Application Development by Example Develop fast, reliable, and engaging user experiences for the web

Arrow left icon
Product type Paperback
Published in Jul 2018
Publisher Packt
ISBN-13 9781787125421
Length 354 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Chris Love Chris Love
Author Profile Icon Chris Love
Chris Love
Arrow right icon
View More author details
Toc

Table of Contents (12) Chapters Close

Preface 1. Introduction to Progressive Web Apps 2. Creating a Home Screen Experience with a Web Manifest FREE CHAPTER 3. Making Your Website Secure 4. Service Workers – Notification, Synchronization, and Our Podcast App 5. The Service Worker Life Cycle 6. Mastering the Cache API - Managing Web Assets in a Podcast Application 7. Service Worker Caching Patterns 8. Applying Advanced Service Worker Cache Strategies 9. Optimizing for Performance 10. Service Worker Tools 11. Other Books You May Enjoy

The add to homescreen experience

The emergence of an automatic prompt to a visitor to add your progressive web app to their homescreen is exciting. In the past, Chrome would eventually display a prompt to install a progressive web app, but that has changed recently. The rules determining when the prompt triggers are still valid, but now only trigger the beforeinstallprompt event.

How the user prompt triggers is where each browser can choose a different path. Some of the requirements are defined in the web manifest specification, but the experience is left open ended for browsers to implement as they see fit.

Right now, Chrome has the most mature process. They established the following criteria to automatically trigger the add to homescreen experience:

  • Has a web app manifest file with:
    • A short_name (used on the homescreen)
    • A name (used in the banner)
    • A 144 x 144 .png icon (the...
You have been reading a chapter from
Progressive Web Application Development by Example
Published in: Jul 2018
Publisher: Packt
ISBN-13: 9781787125421
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime