DecSoft Support - Feature request: App icons für iOS PWAs

Feature request: App icons für iOS PWAs

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Take a look at some frequently asked questions about us and our products!

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Harald Schneider

Unfortunately iOS does not recognize app manifests. So if you install a PWA under iOS, it shows a screenshot as an icon instead of the app icon.

It can be fixed with this code in AppOptons/HTML/Custom_metadata:

<link rel="apple-touch-icon" href="path-to-icon.png">

Full story here: https://stackoverflow.com/questions/49568333/pwa-icons-are-not-used-in-ios-11-3

BTW: I tried the fallback option, mentioned in the article above, but it did not work under iOS 12.2

Can this be included automatically in AB's build process for browser apps?

DecSoft

Hello Harald,

I think it's possible to add that into the app's HTML file, however, what about the answer to the StackOverflow question?

FYI, when testing my PWA on localhost with a dummy SSL certificate, Safari won't use the icon when adding to homescreen. Instead it takes a screenshot of the page as the icon. Once the PWA was uploaded to the live server, with full HTTPS, the icon worked fine. Testing on iOS11.3, iPad 6th gen

Maybe the above fix the issue? Or maybe the this other answer too:

TerPro's answer is correct but as a fallback you can put a file named "/apple-touch-icon.png" in the root directory.

Purchase one or more licenses of our products if they are useful to you!

Harald Schneider

I used full HTTPS and I tried the fallback with the apple-touch-icon-png in the root, the www folder and the platform-www folder. No luck ...

DecSoft

Hello Harald,

So you try with the below...

<link rel="apple-touch-icon" href="path-to-icon.png">

And you see it working properly? Also in other iOS versions? If so... there is not a problem to automatically add such piece of code in the app's HTML.

Purchase one or more licenses of our products if they are useful to you!

Harald Schneider

Yes, it works perfectly! It is recommended by Apply since they support PWAs.

Harald Schneider

Perfect. Tested it. works like a charm. Thank you so much! :-)

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.