Mobile Safari: Detect if within Gmail App - mobile

I've created a basic web app and it has a little "click here to add to home screen" pop up that appears if it's not in stand alone mode (i.e. not on your home screen already). I have a basic registration system that emails the users links to the app but now noticed that if they open the link from their iOS Gmail app the bottom bar with the options menu doesn't appear but the pop up still will.
Are there any device, browser, or navigator properties I can pull to detect I'm within the Gmail app and not in the Mobile Safari browser app itself? Thanks.

Related

Is it possible to add to a web page to the home screen of your phone with a customizable app icon?

I am working on a react web app where our clients can customize their app icon which should also get displayed on their phone's home screen if they want to add the app to their home screen. Currently it always displays the apps default favicon icon even tho I am overwriting it when the client customizes it. I can also see in the browser tab that i successfully overwrote the favicon. Any ideas how to solve that? Thank you very much!
Sounds like you're talking about Progressive Web Apps with the add to home screen feature -- might be a duplicate of How can I update home screen icon of my Progressive Web App?

Is there a way to test my website in iOS Instagram in-app browser?

My react app has a page that has input fields and buttons on it. The website works on mobile browsers, however on iOS in the Instagram in-app browser, whenever a user clicks on an input field and the keyboard shows the user is unable to click back into the text field or the button on the page.
What's the best way to be able to test and debug my website in the iOS instagram in-app browser?

How to view child browser instance in mobile view in mobile emulation

i am using mobile emulator in chrome to automate mobile view of our company website. When i click on link in the page and it navigates to some other page with new browser window it is not showing the newly opened page in mobile view. How should i solve this issue?

Profile picture in ionic ios mobile application getting disappeared after application restart

I have used cordova plugin camera to set profile picture in my mobile application. When I start my application and set profile picture it is saves and displays properly but when I close my application and restart it then image is not showing in that div. This happens in case of ios only, in Android it is working properly

when click on button or icon i want to open uber mobile application in my mobile using angular js in ionic

I Want to use Uber Ride Requests via click on icon or button in my mobile application which is in ionic-angularJS so if user want he can book his Ride using from my mobile application.
That can be done with a cordova plugin, called StartApp (https://github.com/lampaa/com.lampa.startapp).
You will need to know the schema for both Android and iOS of the app that you want to open.
This link might be useful:
http://www.gajotres.net/how-to-launch-external-application-with-ionic-framework/

Resources