How can I load a webpage inside the phonegap webview?

Question

I want to be able to link to a webpage inside the phonegap webview that loads an external webpage inside the same phonegap webview. If I do this, it loads inside the webview:

public class App extends DroidGap {
   @Override
   public void onCreate (Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      super.loadUrl("http://google.com");
   }
}

However, I want to have an internal page launched first, with a link to the external page, so I do this:

public class App extends DroidGap {
   @Override
   public void onCreate (Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      super.loadUrl("file:///android_asset/www/index.html");
   }
}

and I have a link:

<a href="#" onclick="navigator.app.loadUrl('http://google.com')">Google</a>

but this link launches google outside the app, in the web browser, instead of in the phonegap webview. What can I do to make sure the link to the external page is launched inside the app's phonegap webview?

score 18 · Accepted Answer · edited May 23 '17 at 10:32

18

Ahhh.. Found the answer on this question. I had to add

<access origin="www.google.com"/>

to the phonegap.xml file.

edited May 23 '17 at 10:32

Community

1
1

answered Dec 21 '11 at 21:52

xdumaine

10,096
6
62
103

score 10 · Answer 2 · answered Apr 27 '15 at 20:22

10

This seems to have changed, and access origin seems to have no effect. If you're using the cordova whitelist plugin, as seems to be standard. You need to use allow-navigation in your config.xml file. Without this it will open your web browser.

<plugin name="cordova-plugin-whitelist" version="1"/>
<allow-navigation href="https://google.com/*" />

Then you can use window.location = 'https://google.com' to move to another webpage within your JS.

answered Apr 27 '15 at 20:22

dngrmice

101
1
3

This should be the correct answer. Saved me a lot of grief. The other answers are outdated for v4. I just added – Tom Kincaid May 28 '15 at 17:48
I do not think that the tag is necessary. Just the . – SBerg413 Jun 18 '15 at 00:33
I tried and it did not seem to work for me with CLI 5.1.1. On Android it always open in a new tab :( even with `` and the plugin installed – Sebastien Lorber Aug 28 '15 at 14:32
@SebastienLorber did you found any alternative? i am struggling with the same problem. – user2990084 Feb 01 '16 at 10:45

score 3 · Answer 3 · answered May 05 '12 at 23:09

3

In the latest phonegab (1.7) in Cordova.plist there is a Key: OpenAllWhitelistURLsInWebView set this to YES.

answered May 05 '12 at 23:09

tapmonkey

141
2
9

1

..sorry, this is obviously only for iOS. – tapmonkey Jul 08 '12 at 09:43

How can I load a webpage inside the phonegap webview?

3 Answers3

Linked