当前位置:首页 » 《关注互联网》 » 正文

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

20 人参与  2024年10月01日 16:00  分类 : 《关注互联网》  评论

点击全文阅读


问题描述

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

App平台

App平台可以使用 plus.runtime.openURL、plus.runtime.openWeb或web-view组件;下面介绍一下用法

注意:web-view组件可能会存在跨域,比如你要打开一个发布的公众号页面,web-view肯定是会跨域

1. 在App内部打开一个浏览器,加载这个地址,在App端打开,这个方法会新开内置窗口打开页面,而且自带标题栏和返回

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>

根据需求自己选择哦

openURL(href) {    // #ifdef APP-PLUS    plus.runtime.openURL(href) // plus.runtime.openWeb(href);    // #endif    // #ifdef H5    window.open(href)    // #endif}


点击全文阅读


本文链接:http://zhangshiyu.com/post/166974.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1