Fei Blog

cordova-plugin-inappbrowser在app内部打开浏览器链接

vue.js ios
2017/11/24
阅读量:

在使用vue.js进行app开发的时候，需要实现附件点击，可以查看和下载的功能。
原始的实现方案代码如下

1
2
3
4
5
onClick: function() {
    var a = document.createElement('a')
    a.href = url
    a.click()
}

这个方案在安卓下是自动跳转到默认浏览器打开，可以自行选择查看还是下载，但是在iOS下，会在app内部打开，由于iOS没有返回按钮，只能杀掉app,重新进入，不符合要求。
查阅资料发现，可以采用cordova-plugin-inappbrowser实现在app内部打开浏览器链接。
具体代码如下

1
2
3
4
5
6
onClick: function() {
    if (!cordova.InAppBrowser) {
        return
    }
    cordova.InAppBrowser.open(url, '_system', 'location=no,toolbar=yes,toolbarposition=top,closebuttoncaption=关闭')
}

经过测试，在iOS和安卓下均可实现点击链接打开默认浏览器，即可自行选择打开还是保存。

参考文献
1.http://www.cnblogs.com/maoyazhi/p/5291015.html
2.https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/

CATALOG
Archive Tag
Total : 7
2018
2017
vue.js ios css html 移动端 js sort hexo Native