window.location.href not working in phonegap

Question

I want to redirect to another page in Phonegap.

I have written the following code in javascript but it is not getting redirected:

window.location.href = "http://www.google.com";

Can anyone advise why it is not working?

use only window.location ="http://www.google.com" may it work — Nilesh patel, Oct 15 '12 at 06:21
Possible duplicate http://stackoverflow.com/questions/5911255/phonegap-for-iphone-problem-loading-external-url. — juan.facorro, Oct 15 '12 at 06:25
Yes i made OpenAllWhitelistURLsInWebView = YES in cordova .plist but also window.location is not working. — user818671, Oct 15 '12 at 06:47
Wait I'll have a try in my env. I'll let you know if I made it work :) — Littm, Oct 15 '12 at 06:51
Oh no! I think I get your problem! Do you get a blank screen??? — Littm, Oct 15 '12 at 06:57
i have called it in a function inside if statement function login(){ var x=document.forms["myForm"]["fname"].value; var y=document.forms["myForm"]["pwd"].value; if(x=="Shraddha" && y=="shraddha") { //alert("hi"); window.location = "http://www.google.com";}} — user818671, Oct 15 '12 at 06:58
Did you made any other modification in your cordova.plist file, other than "OpenWhitelistURLsInWebView = YES" ? — Littm, Oct 15 '12 at 06:59

score 1 · Answer 1 · answered Jun 06 '18 at 12:15

1

You have to allow navigation of external sites inside your application by configuring the whitelist.

You have to use allow-navigation tag like this:

<allow-navigation href="http://www.google.com/*" />

answered Jun 06 '18 at 12:15

jcesarmobile

51,328
11
132
176

This is part of cordova-plugin-whitelist which has to be added before also. – terraloader Mar 12 '19 at 21:42
Whitelist plugin is android only, the question was about iOS. – jcesarmobile Mar 12 '19 at 22:00

Littm · Answer 2 · 2012-10-15T08:47:44.357

0

Try doing the following:

Open your file Cordova.plist file
Right click on ExternalHosts -> Add Row
Set the String value of the new added row to *.

So, you should have your new added row like this:

Item0            String          *

Normally, you should replace * with the external URL that you want to provide access to (like http://www.google.com for instance), but I used * to make sure that the problem comes from there or not.

For more information, check the "Domain Whitelist Guide" section of the online doc: http://docs.phonegap.com/en/2.1.0/guide_whitelist_index.md.html#Domain%20Whitelist%20Guide .

Here's a simple working example using window.location.href:

<!DOCTYPE html>
<html>
    <head>               
        <script type="text/javascript" charset="utf-8">
            function init() {
                window.location.href = "http://www.google.com";
            }      
        </script>
    </head>

    <body onload="init();">
    </body>                

</html>

Let me know if this works.

edited Oct 15 '12 at 08:47

answered Oct 15 '12 at 07:06

Littm

4,923
4
30
38

:( ... Did you get any error on console? Also, is the `alert("hi");` triggered if not commented ? – Littm Oct 15 '12 at 07:24
Do you get any error on console? I'll post a simple example using window.location.href... Then, you could try it to see if the problem comes from there ok? Please wait... – Littm Oct 15 '12 at 08:40
Please have a try with the example I've just posted :). I hope this will work for you :S – Littm Oct 15 '12 at 08:48
yes your example worked for me. But it does not work in my application. – user818671 Oct 15 '12 at 09:04
You may have an code issue somewhere :S. What you can do is to open your js file with your browser (ex: firefox) and check if you don't have any synthax error by using your console (or Firebug :) ). – Littm Oct 15 '12 at 09:20

Chris Lambrou · Answer 3 · 2013-04-16T20:16:50.253

0

Most likely it's the page you are moving to. Does that page have the phongap.js files in it etc?

Try a simple test: create a new HTML page with just the basic elements and a couple words in the body so you know you are there. Save it as test.html. Now try window.location="test.html".

If that works then you know it's something in the new page. Good luck!

edited Apr 16 '13 at 20:16

answered Apr 16 '13 at 17:43

Chris Lambrou

356
2
7

score 0 · Answer 4 · edited May 23 '17 at 11:46

0

Have you checked your framework initializations? Make sure jquery and phonegap are completely loaded before you try to change the page. Or else phonegap will hang and break.

Take a look here: Correct way of using JQuery-Mobile/Phonegap together?

edited May 23 '17 at 11:46

Community

1
1

answered Jul 08 '13 at 17:42

Federico

6,388
6
35
43

score 0 · Answer 5 · answered Jan 05 '15 at 20:25

0

Working fine for me with Cordova 4. Can you try remote debugging with Google Chrome and see what happen in the Javascript console?

answered Jan 05 '15 at 20:25

Thomas Decaux

21,738
2
113
124

score 0 · Answer 6 · edited Mar 17 '15 at 16:21

0

Try without href:

window.location = "http://www.google.com";

edited Mar 17 '15 at 16:21

Undo

25,519
37
106
129

answered Mar 17 '15 at 13:53

shamaleyte

1,882
3
21
38

Seven · Answer 7 · 2017-04-26T07:45:20.457

if you use like window.location or window.location.href and it stll doesn't work in IOS or safrai.

you can use this:

var isAndroid = !!navigator.userAgent.match(/android/ig);
        var targetUrl = 'your url';
        window.location = targetUrl;

if(!isAndroid) {
    var doc = window.document,
        ifr = doc.createElement('iframe');
    ifr.src = targetUrl;
    ifr.style.cssText = 'display:none;';
    doc.body.appendChild(ifr);
}

window.location.href not working in phonegap

7 Answers7