AlexHedley / ChamboulDe-Web

ChamboulDe Web App
https://alexhedley.com/ChamboulDe-Web/
MIT License
0 stars 0 forks source link

iPhone Settings #20

Open AlexHedley opened 3 months ago

AlexHedley commented 3 months ago

iPhone Web App

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Specifying a Launch Screen Image

<link rel="apple-touch-startup-image" href="/launch.png">

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/launch-screen

Hiding Safari User Interface Components

<meta name="apple-mobile-web-app-capable" content="yes">

Changing the Status Bar Appearance

<meta name="apple-mobile-web-app-status-bar-style" content="black">

https://blog.expo.dev/enabling-ios-splash-screens-for-progressive-web-apps-34f06f096e5c

Title

the Apple docs on touch icons

On iOS, you can specify a web application title for the launch icon. By default, the tag is used. To set a different title, add a meta tag to the webpage, as in:

<meta name="apple-mobile-web-app-title" content="AppTitle">