Hi Everyone,
In this Article i want to explain how to create pwa from any site and adding it as launcher application
Some Websites not accept install as PWA but we want have it alike a application
1. Open Homepage of some website
I'm Choose css-tricks.com for example
2. Create Shortcut
To Doing this, first, on the top and left of view, click the hamburger menu and go to More tools
> Create Shortcut...
3. Check As Window
Brave, show you a prompt, then, enter your custom name for application and Check the open as window
4. Tada!, Your Application created
application dekstop file exists on ~/Desktop/
directory by brave-{ANY_NAME}.desktop
file name
5. Move to Luanchers
Move the brave-{ANY_NAME}.desktop
file into ~/.local/share/applications/
path by Terminal or GUI
$ mv brave-{ANY_NAME}.desktop ~/.local/share/applications/brave-css-tricks.desktop
Then, You can change replace any name to instead 'css-tricks' because this make it readable
6. Change Properties
open nano
in Terminal and update Exec=
and Icon=
property
$ nano ~/.local/share/application/brave-css-tricks.desktop
7. Change Executor
on the nano
editor, change the Exec=
property to brave
as launcher (alike below screenshot)
8. Change Icon path
on the nano
editor, change Icon=
to correct path (alike screenshot)
NOTE : you should change {USERNAME}
to your exactly username /home/your-username
you can copy the {APP_ID}
from the Exec=
property
Top comments (2)
Hey, thanks for tutorail I was looking for this (with explanation how to change icons), the thing is that it changes the app icon in launcher, but when I open it, it still have the brave icon instead of website favicon, so I'm not able to distinguish between brave and desired pre installed apps. Any solution for this?
Hi, I am very glad that I could help you. But about your question, I have to say that I don't know much about it, but it is probably not possible, but you can do research more.