uniapp打开外部链接方式有哪些


这篇“uniapp打开外部链接方式有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“uniapp打开外部链接方式有哪些”文章吧。在应用中打开一个外部的html页面,即完整http链接的页面。h6通过window.open或是内嵌iframe基本都没有问题,本文主要针对app端的方法进行汇总,不涉及到小程序端。使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网该组件的行为是在app内打开外部浏览器,在h6打开新网页。方案1app端打开外部浏览器,在使用体验上会有一种割裂感查看uni-link的源码,发现app端调用的是plus.runtime.openURL方法,可以在这个基础上进行优化,使用plus.runtime.openWeb替代app打开,这个方法会新开内置窗口打开页面,而且自带标题栏和返回,安卓端的隐私协议文件(androidPrivacy.json)的内容中a标签调用的即是这个方法参数:url: ( String ) 必选 要打开的URL地址 ,仅支持http/https地址
注意标题会读取载入html的title属性,如果没有的话标题显示为空使用app-plus的webview模块api进行管理,
plus.webview.open( url, id, styles, aniShow, duration, showedCB )或是plus.webview.create( url, id, styles, extras );这两个方法都支持通过style属性控制标题栏的样式,如果不设置标题文字,则读取加载的html的title属性,具体参数支持比较多,该方案存在问题是返回操作在ios和安卓上不太一致,还可能会清除uni-app的页面路由管理,不建议使用使用uni-app的webview组件进行加载,免费云主机域名及新建一个路由页面,/pages/webview,内容只放一个webviewwebview组件在h6中也是使用iframe实现,但是dom嵌套层级太多,不方便控制宽高,所以这里就直接按条件编译,在h6中用iframe。uni-app官方也是推荐h6中使用iframe。app的标题栏需要通过pages.json来控制这里titleNView的设置和方案3api的参数基本一致。以上就是关于“uniapp打开外部链接方式有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注百云主机行业资讯频道。

相关推荐: Git工作区、暂存区和版本库是什么Git 工作区、暂存区和版本库

本文小编为大家详细介绍“Git工作区、暂存区和版本库是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“Git工作区、暂存区和版本库是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。我们先来理解下 Git 工作区、暂存区和版本库…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/12 09:38
Next 05/12 09:48

相关推荐