在快应用中使用安卓系统已安装浏览器(UC、360等)打开网页的方法

在快应用中,不管是 router.push,还是 webview.loadUrl,有或者是<a href="">组件,当uri、url或href指向的是http或https的页面时,都会使用快应用系统内置的web页面打开网页,可能有些时候在快应用的内置web页面或web组件中访问网页会有一定的局限性,我们这时候会想到能否在安卓系统已经安装的浏览器(如UC浏览器、360浏览器等)中来打开我指定的网页呢?
纵观开发文档中的接口,貌似没有发现有可以实现的方法(也许已经有这样的接口,但我自己没有仔细阅读而忽略了)。

如果你有这样的需求,不妨尝试这种方法:思路很简单,就是 JavaScript注入 ,代码如下:

  1. <a href="javascript: void((function() {window.location.href='https://www.quickapp.cn'})())">使用内置浏览器访问快应用官网</a>
复制代码


不过不是所有手机浏览器都支持JavaScript注入的
(当然,你也可以通过判断具体浏览器APP是否安装,然后通过 router.push ,指定uri为对应浏览器的 Scheme的方法来启动指定浏览器
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用uni-app内置的uni.navigateTo方法跳转到系统浏览器打开知乎网页,可以按照以下步骤进行操作: 1. 在需要跳转的页面使用uni.navigateTo方法跳转到一个间页面(例如名为"externalLink"的页面)。 ```javascript uni.navigateTo({ url: '/pages/externalLink' }); ``` 2. 在"externalLink"页面的onLoad生命周期函数使用uni.getSystemInfo方法获取当前系统信息,并根据系统信息判断要打开的链接。 ```javascript onLoad() { uni.getSystemInfo({ success: (res) => { const platform = res.platform.toLowerCase(); let url = ''; if (platform === 'android') { url = 'intent://www.zhihu.com/#Intent;scheme=https;package=com.android.chrome;end'; } else if (platform === 'ios') { url = 'https://www.zhihu.com/'; } else { // 其他平台处理 } this.openExternalLink(url); } }); }, methods: { openExternalLink(url) { uni.redirectTo({ url: `/pages/webview?url=${encodeURIComponent(url)}` }); } } ``` 3. 在"externalLink"页面的methods,定义openExternalLink方法,并通过uni.redirectTo方法跳转到一个webview页面,并将要打开的链接作为参数传递给webview页面。 ```javascript openExternalLink(url) { uni.redirectTo({ url: `/pages/webview?url=${encodeURIComponent(url)}` }); } ``` 4. 创建一个webview页面(例如名为"webview"的页面),用于展示外部链接。 ```html <template> <view class="container"> <web-view :src="url"></web-view> </view> </template> <script> export default { data() { return { url: '' }; }, onLoad(options) { this.url = decodeURIComponent(options.url); } }; </script> ``` 在这个示例,通过判断当前系统平台(Android或iOS),选择不同的网页链接进行跳转。Android平台使用intent协议打开Chrome浏览器,iOS平台直接使用https协议打开知乎网页。 请注意,在跳转到webview页面时,需要将要打开的链接进行encodeURIComponent编码,以避免URL的特殊字符引起的问题。 以上是使用uni-app内置的方法跳转到系统浏览器打开知乎网页的示例代码。您可以根据实际需求进行适当调整和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值