How to remove the PWA status bar from Google Chrome

Progressive web apps are a good compromise between native desktop apps and popular software frameworks like Electron. PWAs are a boon for web-centric operating systems like Chrome OS, where you won’t find a rich catalog of apps unless you get some help from Linux apps. While PWAs are functional and are even preferred by some, the status bar in the lower left corner screams that this is a web browser page and not a web application, which takes away the experience. To fix this problem, Google Chrome and even Chromium-based Edge are working on a feature that removes the status bar.

Remove the PWA status bar from Google Chrome

The functionality to remove the status bar is currently available in the Canary channels of Chrome and Edge, and today you will learn how to activate and use it. You can access it by activating a Chrome flag. This feature should eventually become available, hopefully by default, in the stable version of these browsers. Before you begin, here’s how the status bar examines its current state:

Steps to hide address bar from Google Chrome PWAs

1. Open Google Chrome Canary and visit chrome: // flags. Once you are here search for “Desktop PWAs remove status bar.” You can quickly access the flag by pasting the following address into Chrome’s address bar.

chrome://flags/#enable-desktop-pwas-remove-status-bar

2. In the drop-down menu next to the “Desktop PWAs remove the status bar” indicator, click on ‘Enabled’ and restart the browser.

Desktop PWAs remove indicator from status bar

3. And that’s it. When you try to refresh or interact with the PWA now, you won’t see the status bar in the lower 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 I turned the flag on.

spotify pwa without status bar

Experience PWAs without interrupting the status bar

This was our quick guide on how you can remove the PWA status bar from Google Chrome. 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 looks more like a native app than a website. So what are you waiting for? Give it a try and let us know if it improved your PWA experience in the comments.

Comments are closed.