OPTIMIZING PWAS FOR DIFFERENT DISPLAY MODES

Summary from the TLDR Design newsletter

Progressive Web Apps can introduce usability issues when transitioning away from browser environments, as users lose access to familiar browser functionalities such as back buttons, refresh options, and URL sharing. PWAs support various display modes that can be targeted using CSS media queries and JavaScript to customize the user experience accordingly. Developers can use display-mode media queries to hide installation prompts for existing PWA users, provide alternative navigation controls, and tailor content to match the more committed app-like usage context.