Add to Home Screen (Add to Home Screen, abbreviated as A2HS) is a common feature in Progressive Web Apps (PWA) that allows users to add shortcuts for websites or web applications to their device's home screen, similar to adding a traditional app icon. This enables users to access the web application directly from the home screen without opening a browser, providing a native app-like experience.
When users access a PWA, the browser determines whether it meets the criteria for triggering the "Add to Home Screen" prompt based on the site's configuration (such as settings in the manifest file). If it meets the criteria, the browser displays a prompt asking the user if they wish to add the application to the home screen.
Consider a specific example: suppose you are developing a PWA for an online store. You define the application's name, icon, and other information in the site's manifest file, and ensure the site is running on HTTPS (a requirement for PWA). When a user first visits this online store and meets certain conditions (e.g., after browsing for a few minutes or visiting a specific number of times), the browser displays the "Add to Home Screen" prompt. If the user agrees, the online store's icon is added to their device's home screen. Subsequently, when the user taps the icon, they can directly access the online store without needing to input the URL through a browser.
This feature enhances user accessibility and increases user loyalty to the web application, similar to their usage habits with native applications.