How to Remove Status Bar from Google Chrome PWAs

Feb. 8, 2021



Progressive Web Apps serve as a good middle ground between native desktop apps and widely popularsoftware frameworks like Electron. PWAs are a boon forweb-first operating systems like Chrome OSwhere you won’t find a rich catalog of apps unless youget some help from Linux apps. While PWAs are functional and are even preferred by some, the status bar at the bottom left corner screams it is a web browser page and not a web app, which takes away from the experience. To address this, Google Chrome and even Chromium-based Edge are working on a feature that removes the status bar.

Remove Status Bar from Google Chrome PWAs

Remove Status Bar from Google Chrome PWAs

The feature to remove the status bar is currentlyavailable in the Canary channels of Chrome and Edge, and today, you’ll learn how to enable and use it. You can access it by enabling aChrome flag. This feature should eventually become available, hopefully by default, in the stable version of these browsers. Before we get started, here’s how the status bar looks at its current state:

  1. Open Google Chrome Canary andvisit chrome://flags. Once you’re here,search for ‘Desktop PWAs remove status bar.’You can quickly access the flag by pasting the following address in Chrome’s address bar.

  2. From the dropdown menu next to ‘Desktop PWAs remove status bar’ flag,click on ‘Enabled’ and restart the browser.

  3. And that’s it. When you try refreshing or interacting with the PWA now, you won’t see the status bar in the bottom left corner. The following screenshot was taken while I was refreshing Spotify and as you can see, it doesn’t have the status bar like the previous one before enabling the flag.

That was our quick guide on how you can remove the status bar from Google Chrome PWAs. As I mentioned earlier, you can follow the same steps to get rid of it from Edge Canary. After removing the status bar, the PWA feels more like a native app and less like a website. So, what are you waiting for? Try it out and let us know if this has improved your PWA experience in the comments.

Subin writes about consumer tech, software, and security. He secretly misses the headphone jack while pretending he’s better off with the wireless freedom.