Add website to home screen without address bar

Question

Today I was browsing "how to migrate jimdo CMS to WordPress" from the internet. And I've got a website with some details. Here is the URL of the website:https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/ When I click over that website's link, after the website is loaded, I saw a window like this: "Add this website to home screen ". When I choose"yes", the browser automatically created an app for that website in my home page. My Device is android, so I clicked the home button of my phone and clicked over the apps icon. Then an app is just opened. The app doesn't looks like chrome because it doesn't have the address bar. I didn't installed any freelancer apk file.I tried to close and uninstall that app. From home screen, when I hold over the app icon, I saw" remove " text on top of my phone's screen. It means that the app I've hold is not an actual apk. It's a widget or something which is created by the chrome browser by command of that "https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/" website. I want to add that feature in my website, which is a sub domain:sslclive.jimdo.com Is anyone anyone knows how to add that feature in my website? That feature must be maid by some kind of HTML/JavaScript code. If anyone knows, then please answer. And sorry for my worst bad English

Answer 1

You need to add this meta tag to tells the browser to launch your page fullscreen

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

You can also add an icon using a manifest: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/#launching_a_page_fullscreen_from_home_screen