blocks|key|269953|text|<a+onclick="navigator.app.loadUrl('https://google.com/',+{+openExternal:true+});">Link</a>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|269954|适用于我的android和PG+3.0|unstyled|269955|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;a onclick="navigator.app.loadUrl('https://google.com/', { openExternal:true });"&gt;Link&lt;/a&gt;
</code></pre>

Works for me with android &amp; PG 3.0

blocks|key|53487|text|在android和iphone中有两种不同的方式打开URL。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53488|对于IOS，请使用以下代码。|53489|window.open("http://google.com",+'_system');|code-block|syntax|javascript|53490|对于android操作系统，请使用以下代码。|53491|navigator.app.loadUrl("http://google.com",+{openExternal+:+true});|53492|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

There are 2 different ways to open URL in android and iphone.

FOR IOS use following code.

<pre><code>window.open("http://google.com", '_system');
</code></pre>

and for android OS use following code.

<pre><code>navigator.app.loadUrl("http://google.com", {openExternal : true});
</code></pre>

blocks|key|53647|text|如果你碰巧有jQuery在身边，你可以像这样截获点击链接：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53648|$(document).on('click',+'a',+function+(event)+{
++++event.preventDefault();
++++window.open($(this).attr('href'),+'_system');
++++return+false;
});|code-block|syntax|javascript|53649|这样你就不必修改html中的链接了，这可以节省很多时间。我使用一个委托来设置它，这就是为什么你会看到它被绑定到document对象，使用'a‘标签作为第二个参数。这样，所有的'a‘标签都会被处理，不管它们是什么时候添加的。|53650|当然，您仍然需要安装InAppBrowser插件：|53651|cordova+plugin+add+org.apache.cordova.inappbrowser|53652|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you happen to have jQuery around, you can intercept the click on the link like this:

<pre><code>$(document).on('click', 'a', function (event) {
 event.preventDefault();
 window.open($(this).attr('href'), '_system');
 return false;
});
</code></pre>

This way you don't have to modify the links in the html, which can save a lot of time. I have set this up using a delegate, that's why you see it being tied to the document object, with the 'a' tag as the second argument. This way all 'a' tags will be handled, regardless of when they are added.

Ofcourse you still have to install the InAppBrowser plug-in:

<pre><code>cordova plugin add org.apache.cordova.inappbrowser
</code></pre>

blocks|key|270042|text|window.open('http://www.kidzout.com',+'_system');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|270043|只有在安装了inappbrowser插件的情况下才能正常工作。要使用终端进行安装，请浏览到项目中的www文件夹，然后键入：|unstyled|270044|phonegap+plugin+add+org.apache.cordova.inappbrowser|270045|或|270046|cordova+plugin+add+org.apache.cordova.inappbrowser|270047|然后，您的链接将在浏览器中打开。|270048|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|F|7|W|8|@]|9|@]|A|$]]]|P|$]]

<pre><code>window.open('http://www.kidzout.com', '_system');
</code></pre>

Will work but only if you have the inappbrowser plugin installed. To install, using terminal, browse to the www folder in your project and type:

<pre><code>phonegap plugin add org.apache.cordova.inappbrowser
</code></pre>

or

<pre><code>cordova plugin add org.apache.cordova.inappbrowser
</code></pre>

Then it your link will open in the browser.

blocks|key|53723|text|在Cordova+5.0和更高版本中，插件InAppBrowser在Cordova插件注册表中被重命名，因此您应该使用以下命令安装它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53724|cordova+plugin+add+cordova-plugin-inappbrowser+--save|code-block|syntax|javascript|53725|然后使用|53726|​|53727|<a+href="#"+onclick="window.open('http://www.kidzout.com',+'_system');">www.kidzout.com</a>|53728|53729|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|M|3|J|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

With Cordova 5.0 and greater the plugin InAppBrowser is renamed in the Cordova plugin registry, so you should install it using 

<pre><code>cordova plugin add cordova-plugin-inappbrowser --save
</code></pre>

Then use

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="#" onclick="window.open('http://www.kidzout.com', '_system');"&gt;www.kidzout.com&lt;/a&gt;</code></pre>
</div>
</div>

blocks|key|53587|text|我使用的是PhoneGap+Build+(v3.4.0)，重点是iOS，我需要在PhoneGap的config.xml中包含此条目才能识别InAppBrowser插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53588|<gap:plugin+name="org.apache.cordova.inappbrowser"+/>|code-block|syntax|javascript|53589|之后，按照文档中的here，使用window.open(url，target)应该可以正常工作。|offset|length|53590|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.phonegap.com/en/3.3.0/cordova_inappbrowser_inappbrowser.md.html#window.open^0|0|0|9|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I'm using PhoneGap Build (v3.4.0), with focus on iOS, and I needed to have this entry in my config.xml for PhoneGap to recognize the InAppBrowser plug-in.

<pre><code>&lt;gap:plugin name="org.apache.cordova.inappbrowser" /&gt;
</code></pre>

After that, using window.open(url, target) should work as expected, as documented <a href="http://docs.phonegap.com/en/3.3.0/cordova_inappbrowser_inappbrowser.md.html#window.open" rel="nofollow">here</a>.

blocks|key|270225|text|我还遇到了浏览器上无法打开链接的问题，下面是我的修复步骤：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|270226|1:安装这个cordova插件。|270227|cordova+plugin+add+cordova-plugin-inappbrowser|code-block|syntax|javascript|270228|2:在html中添加打开的链接，如下所示。|270229|<a+href="#"+onclick="window.open('https://www.google.com/',+'_system',+'location=yes');"+>Google</a>|270230|3:这是最重要的一步，因此我遇到了很多问题:下载cordova.js文件并将其粘贴到www文件夹中。然后在index.html文件中对其进行引用。|offset|length|style|CODE|270231|<script+src="cordova.js"></script>|270232|这个解决方案适用于android和iPhone环境。|270233|entityMap^0|0|0|0|0|0|O|A|16|3|1H|A|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|13|8|@$O|14|P|15|Q|R]|$O|16|P|17|Q|R]|$O|18|P|19|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|X|$]]

I also faced the issue that link was not opening on browser here is my fix with steps:

1: Install this cordova plugin.

<pre><code>cordova plugin add cordova-plugin-inappbrowser
</code></pre>

2: add the open link in the html like following.

<pre><code>&lt;a href="#" onclick="window.open('https://www.google.com/', '_system', 'location=yes');" &gt;Google&lt;/a&gt;
</code></pre>

3: this is the most importaint step due to this I faced lots of issue:
download the <code>cordova.js</code> file and paste it in the <code>www</code> folder.
Then make a reference of this in the <code>index.html</code> file.

<pre><code>&lt;script src="cordova.js"&gt;&lt;/script&gt;
</code></pre>

This solution will work for both the environment android and iPhone.

blocks|key|53810|text|如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53811|<a+href="#"+onclick="window.open('https://www.nbatou.com',+'_system');+return+false;">https://www.nbatou.com</a>|code-block|syntax|javascript|53812|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Like this : 

<pre><code>&lt;a href="#" onclick="window.open('https://www.nbatou.com', '_system'); return false;"&gt;https://www.nbatou.com&lt;/a&gt;
</code></pre>

<pre><code>&lt;a target="_blank" data-rel="external" href="http://www.kidzout.com"&gt;www.kidzout.com&lt;/a&gt;
</code></pre>

hey experts i am using phonegap 2.9.0 and i am using the above code to open the link in the browser but it opens it in the same app...... how to open it safari browser? 

it opens the website in the same app and then i am unable to come back to the app, so i need to delete the app and install that again.....

phonegap open link in browser

PhoneGap

Cordova

jQuery

<a target="_blank" data-rel="external" href="http://www.kidzout.com">www.kidzout.com</a>嗨，专家们，我正在使用phonegap 2.9.0，我正在使用上面的代码在浏览器中打开链接，但它在同一个应用程序中打开它......如何打开safari浏览器？它在相同的应用程序中打开网站，然后我无法返回该应用程序，因此我需

问phonegap在浏览器中打开链接
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问phonegap在浏览器中打开链接EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问phonegap在浏览器中打开链接
EN