How to make Web Apps appear as First-Class Mac Desktop Citizens

FIRST

  • type chrome://flags in Chrome’s address bar.
  • Change/set the following flag settings:

    1. The new bookmark app system
    2. Allow hosted apps to be opened in windows
    3. Creation of app shims for hosted apps on Mac
    4. Quit notification for hosted apps
      .

    So, they look like this: enter image description here

NEXT

  • Restart Chrome
  • Navigate to the page you want to run/launch as a Web Application (e.g. https://www.gmail.com)
  • Restart the Chrome (in the bottom of the page)
  • Click on the hamburger/’three dots menu‘ button in the top far right of Chrome.
    • Select ‚More Tools
    • Add to Applications…‚ or ‚Create Shortcut…‚ (has changed over versions)
    • A small window will pop up – make changes to the Title as you like
    • Check/Tick ‚Open in (Separate) Window

LASTLY

  • The shortcut will actually be a ‚.app‘ folder with all the usually files an subfolders, like any Mac Application and…
  • the Shortcut/Dockable Icon should appear in your „User Applications“ or the ‚Chrome Apps‘ Folder within that folder:
    • EITHER '/Users/<your username>/Applications/Chrome Apps'
    • OR '/Users/<your username>/Applications/Chrome Apps'
  • Move or Copy the shortcut anyway you want, including dragging to the Mac Dock
How to make Web Apps appear as First-Class Mac Desktop Citizens