how to add 'add to desktop' button on web app like in chrome menu - google-chrome

If user visit on my progressive web app and he don't know about chrome's add to desktop button on chrome menu so how can i tell him to install, is there any solution? like display button on web app, because if user visits "twice, over two separate days during the course of two weeks" then app install banner appears, so is it possible that when user visit first time then app install banner appears?

Now this feature is not enable by default yet. You should force this banner in DevTools or enable in flag://. Normally banner will show at fist visit if enabled

Related

Progressive Web App in Chrome Custom Tab

I am building a Progressive Web App. When I open it in the Chrome browser, I correctly see the "add to home screen" option come up in a bottom sheet. However, when I open my app in a Chrome Custom tab, the "add to home screen" bottom sheet is not appearing.
Does anyone know if Chrome Custom tabs supports the Progressive Web Apps manifest?
Update: I've filed a bug against Chromium for this issue https://bugs.chromium.org/p/chromium/issues/detail?id=731171#c2
Chrome Custom Tabs has the ability to show an "Add to Homescreen" menu item, at least in recent builds of Chrome.
I can confirm that manually selecting the "Add to Homescreen" menu item will make use of the web app manifest data when creating the homescreen item.
However, I don't believe that the logic for automatically triggering the Web App Install Banner is enabled for page views with Chrome Custom Tab at this time—I experimented a bit and never got the banner to appear, at least.

Add website to home screen without address bar

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
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

Load web page automatically when open any browser

When I start any browser, the browser automatically load the web page given bellow,
http://www.nuesearch.com/?type=sc&ts=1467177363&z=dc4cb6fed564c32bd292b57gdz7q7mbg6m1mfzbgfg&from=eve0629&uid=WDCXWD10EZEX-00BN5A0_WD-WMC3F302817528175
I am running windows 7.
How can I fix the problem.
I already check the installed programs and extensions of browsers.
In each browser you can configure the start page
Chrome
Hamburger Menu -> parameters -> Startup section can configure start page
Edge
... Menu -> Parameter -> Open with section can configure start page
But generally this start page is provide by a malware. I supect you install a malware without want it
Good question, Md. Shougat Hossain. At the bottom of the browser is a link called "uninstall". Click it and it will send you to webpage, letting you uninstall from Google Chrome or Firefox. Here are the steps for uninstalling from Chrome.
1.Open Chrome explore.
2.Click “Customize and control Google Chrome” in the right-top of the page and click "Setting".
3.Click “Set pages” link of "On startup" ->delete Nuesearch homepage link ->click “OK”.
4.Click "Change" link of "Apperance" ->delete Nuesearch homepage link ->click "OK".
5.Restart Chrome explore.
Restart your computer after completing all the above steps.

IOS 8 Corporate app download HTML page does not close

I´ve made an HTML page for downloading a corporate iPhone application (via plist distribution).
<div>
<img style="margin-left:auto;margin-right:auto;display:block;margin-top:22%;margin-bottom:0%" src="download.png"/>
</div>
Now on IOS7 when clicking the link the focus of page vanishes and the home screen is shown where you can follow the downloading progress.
On IOS8 when clicking the link the html page does not lose focus. The home screen is not shown and the user cannot follow the download progress.
Any ideas?
Thanks.
It's annoying, but, starting in iOS 8, opening an itms-services link will not send Safari to the background.
You'll have to add some text to your webpage that says something like "When you do tap the Download Button, please tap your Home button to view the progress of the App Installation." You might even want to get some Javascript going to react to the tap on the download button to bring some attention to that message.
This is a good thread that covers both the cases of itms-services links from within apps and from within Safari:
ios 8 openUrl itms-services does not exit current app

Facebook Connect w/ Mobile Web App - How to get most fluid flow?

I'm developing a mobile wep app, and would like to allow my users to login using Facebook connect.
I initially implemented the standard Oauth2 authentication, but I found a couple issues:
When I install the app as a home screen shortcut and the user needs to authenticate the user is redirected to facebook's site for authentication in normal safari. When the user is redirected back, the user is still in safari (with the top and bottom nav bars). This is obviously sub-optimal as I'd like to have the full-screen appearance
I can't get logout to work properly, there appears to be a m_user cookie left on facebook.com that is the username of the user that was previously logged in.
I thought, perhaps, that I could switch to the javascript SDK for facebook connect and render a pop-over instead of the redirect dance, but it looks like this is a pop-up only experience. When I try it on the simulator it appears the home screen shortcut is broken out of to safari, and then after login the user isn't even logged in (and the screen remains blank).
Any ideas on the smoothest way of using Facebook connect on a mobile web (HTML5) app, especially if the homescreen shortcut is to be retained?
thanks!
-simon
Have you tried the latest Javascript SDK to accomplish this? https://developers.facebook.com/docs/reference/javascript/