uni-app打开外部链接方式汇总
司徒小北 2024-09-30 13:03:04 阅读 65
问题描述
在应用中打开一个外部的http/https链接的页面,h5通过window.open或是内嵌iframe基本都没有问题,本文主要针对app端的方法进行汇总
App平台
App平台可以使用 plus.runtime.openURL、plus.runtime.openWeb或web-view组件;下面介绍一下用法
注意:web-view组件可能会存在跨域,比如你要打开一个发布的公众号页面,web-view肯定是会跨域
1. 在App内部打开一个浏览器,加载这个地址,在App端打开,这个方法会新开内置窗口打开页面,而且自带标题栏和返回
<code>plus.runtime.openWeb("url地址");
2.在App外面,即点击之后跳转到默认浏览器来打开这个链接地址,脱离App端
注意标题会读取载入html的title属性,如果没有的话标题显示为空
plus.runtime.openURL("url地址")
3.使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网
该组件的行为是在app内打开外部浏览器,在h5打开新网页。
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link>code>
根据需求自己选择哦
openURL(href) {
// #ifdef APP-PLUS
plus.runtime.openURL(href) // plus.runtime.openWeb(href);
// #endif
// #ifdef H5
window.open(href)
// #endif
}
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。