Javascript: Configure web page to open it in fullscreen mode
Task: Add configuration to webpage to open it in fullscreen mode
Implementation:
1. add manifest.json file with:
{
"name": "WebClock",
"short_name": "WebClock",
"start_url": "https://scalan.com/apps/clock/index.html",
"display": "standalone",
"icons": [{
"src": "images/logo.png",
"sizes": "512x512",
"type": "image/png"
}]
}
2. add using of it in your index.html file:
...
<head>
<meta charset="utf-8">
<title>WebClock</title>
<link rel="manifest" href="manifest.json">
</head>
<body>
<h1>Clock</h2>
...
Done.