uni-app打开外部链接方式汇总

问题形貌

在应用中打开一个外部的http/https链接的页面，h5通过window.open或是内嵌iframe基本都没有问题，本文重要针对app端的方法举行汇总
App平台

App平台可以使用 plus.runtime.openURL、plus.runtime.openWeb或web-view组件；下面介绍一下用法
注意：web-view组件大概会存在跨域，比如你要打开一个发布的公众号页面，web-view肯定是会跨域
1. 在App内部打开一个浏览器，加载这个地址，在App端打开，这个方法会新开内置窗口打开页面，而且自带标题栏和返回

1. plus.runtime.openWeb("url地址");

复制代码

2.在App表面，即点击之后跳转到默认浏览器来打开这个链接地址，脱离App端
注意标题会读取载入html的title属性，如果没有的话标题体现为空

1. plus.runtime.openURL("url地址")

复制代码

3.使用uni-app的扩展组件 uni-link，使用参考文档uni-app官网
该组件的行为是在app内打开外部浏览器，在h5打开新网页。

1. <uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link>

复制代码

根据需求自己选择哦

1. openURL(href) {
2.     // #ifdef APP-PLUS
3.     plus.runtime.openURL(href) // plus.runtime.openWeb(href);
4.     // #endif
6.     // #ifdef H5
7.     window.open(href)
8.     // #endif
9. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。