How to close browser tab? #4

chuchuva · 2016-11-13T00:40:54Z

It looks that there is no way to close the browser tab. I think this is required to implement the OAuth flow.

chuchuva · 2016-11-13T01:52:50Z

I think we need to use dismissViewController method. See http://strawberrycode.com/blog/sfsafariviewcontroller-and-oauth-the-instagram-example/

iainmcgin · 2016-11-13T04:24:02Z

This isn't something you can reliably do across platforms and browsers. Dismissing the tab isn't required for OAuth, all that matters is that the response is ultimately delivered to the requesting app.

chuchuva · 2016-11-14T01:20:15Z

Dismissing the tab isn't required for OAuth, all that matters is that the response is ultimately delivered to the requesting app.

True but consider scenario:

Bob opens Cordova mobile app on his iPhone and taps 'Sign in with Google' button. Browser tab opens.
Bob enters his Gmail email and password. He approves requested access to his profile.
Browser tab redirects to custom URL schema. The app receives this request. It cannot respond with HTML (because it is Cordova app). So to Bob it looks like nothing has happened.

Bob is frustrated: to him it looks like the app is not working, even though if he taps 'Done' button he would sign in to the app.

Fixes google#4 See google#4

mjwwit · 2017-05-11T11:23:07Z

I'm looking for a way to achieve this on Android.

My situation is as follows:
Android behaves differently than iOS when redirecting to a custom URL schema. iOS handles this redirect in the same webview as the one initiating the OAuth flow. Android, however, opens a new webview within the same app to deal with the redirect.
The solution for this seems simple at first, just close the old webview using navigator.app.exitApp();. But when one does that directly after opening a Browser Tab, the entire app exits. You need to wait for the new webview to be loaded before you can safely exit the old webview. As there is no way of directly communicating between these webviews, I'm currently abusing localStorage to achieve this.
There is one problem with this approach: the opened Browser Tab will stay open in the background with no way to close it.

Any ideas?

gregor-srdic · 2017-05-11T14:26:09Z

@mjwwit I believe you need to add <preference name="AndroidLaunchMode" value="singleInstance" /> to your config.xml

mjwwit · 2017-05-11T14:42:38Z

@gregor-srdic Ok, do you know how to configure this? I've been reading https://cordova.apache.org/docs/en/latest/config_ref/ but I can't find anything that looks like what I need.

washowasho · 2017-08-06T22:21:16Z

@mjwwit Google achieves closing the extra browser WebView with Firebase OAuth as documented here: https://firebase.google.com/docs/auth/web/cordova

I'm trying to figure out how to do it the same way. However, it's in a different project. firebase/firebase-js-sdk#102 I will post my findings here once it's found.

washowasho · 2017-08-06T22:23:02Z

@gregor-srdic <preference name="AndroidLaunchMode" value="singleInstance" /> doesn't stop a BrowserTab from opening outside of the app... it only prevents another instance of the app being created when a deep link is entered.

washowasho · 2017-08-10T23:34:33Z

@gregor-srdic & @mjwwit , we were very close. <preference name="AndroidLaunchMode" value="singleTask" /> stops the new window from opening. And should automatically close (at least it does with custom URL scheme).

mjwwit · 2017-09-05T11:16:40Z

Looks like @washowasho found the solution. The singleTask launch mode solves the problem of the browser tab staying open on Android. And since the iOS implementation already has a working close() method, I think this whole issue can be closed.

larssn · 2018-03-06T12:20:57Z

@washowasho Do you have any tips on how to close the browser tab on iOS? Feel like I've tried everything at this point:

I redirect the tab to a page I have control over. On that page I've tried doing:
- window.location = 'my.scheme://'
- window.location.replace('my.scheme://')
Instead of redirecting to a page, I've tried redirecting to the scheme (in Express): response.redirect('my.scheme://')

None of the above closes the tab on iOS. Pretty much all of them closes the tab on Android.

Hope you have a pointer or two.

washowasho · 2018-03-06T12:25:54Z

Try this. It works for me using custom URL scheme.

<!DOCTYPE html><html><head><script>function customUrlScheme() { window.location = \"" + customUrlSchemeLinkHere + "\" }</script></head><body onload=\"customUrlScheme()\"></body></html>

larssn · 2018-03-06T12:40:24Z

Thanks, that did something. But the user is presented with a small popup asking if he wants to open in our app, which, in an OAuth flow, is less than desired.

Anyway thank you for your time, I'll go to plan B, which is use this for Android, and cordova-plugin-safariviewcontroller for iOS.

stephane-segning · 2019-09-22T14:38:25Z

Hi! Any new about this?

Lopuch · 2020-06-09T05:43:04Z

Try this. It works for me using custom URL scheme.

<!DOCTYPE html><html><head><script>function customUrlScheme() { window.location = \"" + customUrlSchemeLinkHere + "\" }</script></head><body onload=\"customUrlScheme()\"></body></html>

Washowasho's solution works for me. Here is my working code for ASP.Net Core 3.1. It redirects your request with query string to the same page immediately after the page loads. It means the window.close() works because the location is navigated by javascript.

if(Request.Query.ContainsKey("reload")) { if(Request.Query["reload"]=="false") { return Content("<button onclick=\"window.close();\">Close this tab</button>", "text/html"); } } var queryString = Request.QueryString.Value.Replace("?", ""); return Content("<!DOCTYPE html><html><head><script>function customUrlScheme() { window.location = \"test?reload=false&"+queryString+"\" }</script></head><body onload=\"customUrlScheme()\"></body></html>", "text/html");

chuchuva added a commit to chuchuva/cordova-plugin-browsertab that referenced this issue Nov 22, 2016

Add closing Browser Tab on iOS

2d30ccf

Fixes google#4 See google#4

chuchuva mentioned this issue Nov 22, 2016

Add closing Browser Tab on iOS #6

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to close browser tab? #4

How to close browser tab? #4

chuchuva commented Nov 13, 2016

chuchuva commented Nov 13, 2016

iainmcgin commented Nov 13, 2016

chuchuva commented Nov 14, 2016

mjwwit commented May 11, 2017

gregor-srdic commented May 11, 2017 •

edited

Loading

mjwwit commented May 11, 2017

washowasho commented Aug 6, 2017

washowasho commented Aug 6, 2017

washowasho commented Aug 10, 2017

mjwwit commented Sep 5, 2017

larssn commented Mar 6, 2018

washowasho commented Mar 6, 2018

larssn commented Mar 6, 2018

stephane-segning commented Sep 22, 2019

Lopuch commented Jun 9, 2020 •

edited

Loading

How to close browser tab? #4

How to close browser tab? #4

Comments

chuchuva commented Nov 13, 2016

chuchuva commented Nov 13, 2016

iainmcgin commented Nov 13, 2016

chuchuva commented Nov 14, 2016

mjwwit commented May 11, 2017

gregor-srdic commented May 11, 2017 • edited Loading

mjwwit commented May 11, 2017

washowasho commented Aug 6, 2017

washowasho commented Aug 6, 2017

washowasho commented Aug 10, 2017

mjwwit commented Sep 5, 2017

larssn commented Mar 6, 2018

washowasho commented Mar 6, 2018

larssn commented Mar 6, 2018

stephane-segning commented Sep 22, 2019

Lopuch commented Jun 9, 2020 • edited Loading

gregor-srdic commented May 11, 2017 •

edited

Loading

Lopuch commented Jun 9, 2020 •

edited

Loading