如何在PhoneGap应用程序内打开外部链接/页面

时间:2019-03-20 07:38:08

标签: javascript android phonegap

我想在单击链接时显示应用程序内的页面内容。无法在浏览器中打开。

我的config.xml中有这个

<widget id="com.phonegap.helloworld" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
    <content src="index.html" />
    <access origin="*" />
<plugin name="cordova-plugin-inappbrowser" source="npm" />
<plugin name="cordova-plugin-whitelist" source="npm" />
</widget>

这将在浏览器中打开

    <a href="#" onclick="window.open('http://www.kidzout.com', '_system');">www.kidzout.com</a>

This does nothing:

$.each(data, function(index, value) {
console.log(value.featured_image);
      $('ul.homepost-list').append('<li class="homepost-list__item">' +
''<a href="#" onclick="window.open('+value.link+', \'_self\');">'+
'<img width="100" height="75" src="'+value.fimg_url+'" alt="'+value.title.rendered+'"/>'+
      '<h3>'+value.title.rendered+'</h3>' +
      '<p>'+value.excerpt.rendered+'</p>'+
'</a>'+
'</li>');
;
    })

这将在浏览器中打开页面:

$.each(data, function(index, value) {
console.log(value.featured_image);
      $('ul.homepost-list').append('<li class="homepost-list__item">' +
'<a href="'+value.link+'">'+
'<img width="100" height="75" src="'+value.fimg_url+'" alt="'+value.title.rendered+'"/>'+
      '<h3>'+value.title.rendered+'</h3>' +
      '<p>'+value.excerpt.rendered+'</p>'+
'</a>'+
'</li>');
;
    })

我只想显示/打开应用程序内的链接。 怎么办?我正在android中检查所有这些。

1 个答案:

答案 0 :(得分:0)

在您的JavaScript中使用它在应用浏览器中打开链接。您也可以参考this answer

window.open('your_link.com', '_self ', 'location=yes');