在移动设备上检测应用内（webView 或 mini）浏览器

Question

I have an Angular 9 app. I want to show some message when user open it on gmail in-app browser. I did't find a way difference between gmail in-app browser and Safari on iPhone. I've tried those approaches: detect ipad/iphone webview via javascript , check for indexeddb, Navigator.canShare() and they didn't help. navigator.userAgent are same on those browsers. Please help to find differences.

Answer 1

@maksym 您是否希望在 Gmail IOS 应用程序的网络驱动程序中打开您的网站时区分用户会话？

Answer 2

On iPhone, the viewport height is slightly different (iPhone 8: 1445 in Safari, 1461 in Gmail).

If:

1. user email domain is Gmail
2. iOS mobile user agent match
   • Gmail viewport size match (different per device)
     • assume user is in Gmail app
     • show interstitial page prompting user to click Safari link in bottom right, & also smaller sized link warning to 'Continue in Gmail app' if you want.

Note: This would not work for custom domains, or you would have to map them somehow.

Answer 3

You might consider promoting the Add To Home Screen (ATHS) process prior to the user completing registration. As long as it's optional and doesn't really block the user from completing registration itself, you have nothing to lose.