this post was submitted on 02 Jul 2023
1 points (100.0% liked)

wefwef

4210 readers
1 users here now

wefwef is now Voyager! Subscribe to [email protected].

founded 2 years ago
MODERATORS
 
top 5 comments
sorted by: hot top controversial new old
[–] [email protected] 1 points 2 years ago (2 children)

I found a way on IOS :) But you'll need Safari running on Mac.

  • Enable Web Inspector on iPhone. Settings > Safari > Advanced > Enable Web Inspector
  • Connect your phone to your mac
  • Open wefwef.app on the phone, connect to it from macos safari developer menu.
  • Change the icon urls in the inspector then install the app on the phone.
[–] [email protected] 1 points 2 years ago

You're a genius! That actually works, thank you :)

[–] [email protected] 0 points 2 years ago (1 children)

Tried to do this with no luck. How do I find the correct icon URL?

[–] [email protected] 1 points 2 years ago

Maybe you have to have a url to the image, but you could just upload it to imgur und copy the link there. You can replace the icon url by searching for "apple-touch-icon" and changing the href property everywhere you see it to the image url.

Say you want to use this icon: https://i.imgur.com/kUxXoIA.png

You change this:

<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/favicons/apple-touch-icon-180.png">

to this:

<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://i.imgur.com/kUxXoIA.png">

(and repeat this everywhere you see the "apple-touch-icon")

[–] [email protected] 1 points 2 years ago

I found an easy way to use a custom icon for a web app: https://routinehub.co/shortcut/10290/