I wanted to ask if it is possible to have a Fullscreen of the Webseite without the bars on the top an the bottom, when added to homescreen?
I used that:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<meta name="apple-mobile-web-app-title" content="Notentool">
Thanks alot for helping!
In the root directory, you'll need to create a "manifest.json" file. Link it using a link tag, And Put it after your meta tags:
<link rel="manifest" href="/manifest.json">
Add the following lines to the file:
{
"name": "WebsiteName",
"short_name": "WebName",
"start_url": "https://DomainName",
"display": "standalone",
"icons": [{
"src": "images/logo.png",
"sizes": "512x512",
"type": "image/png"
}]
}
Note: The essential line is "display": "standalone" which causes the webpage to load in full screen.
