How to run friend.tech (or any PWA) on MacOS

This tutorial is based on Chromium browsers + MacOS, I’m using Edge, for other browsers the process might be slightly different. The process on Windows should be very similar.

  1. Go to friend.tech

  2. Open DevTools: CMD + Option + I or right click > Inspect

  3. In the left top corner, click the devices button

    image

  4. Select dimensions: Responsive and change the dimensions to exactly: 360 x 577

  5. Click the 3 dots in the right top corner, Add Device Type and select Mobile from the new setting that shows up, then refresh. Your dimension and device type might change within the app you will instal in the next steps, make sure to verify the settings in the app as well.

  6. Refresh, you should see something like: “Add to homescreen now” (if it doesn’t work, try a hard-refresh: CMD + Shift + R)

  7. Click the App-button and Install the app.

    image

  8. Now open the app (through the App-button from step 6) and you should be able to sign in, if not, refresh. From now on you can also just open friend.tech in your browser without opening the app.

:bulb: Since this acts as an app, you can drag friend.tech to your Dock like any app!

Friend.tech tools, bots, stats & more >>>