uni-app如何实现H5与App模式下的外部链接打开方法汇总?

更新于
2026-07-26 20:46:04
11阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计722个文字,预计阅读时间需要3分钟。

uni-app如何实现H5与App模式下的外部链接打开方法汇总?

目录+问题描述+方案1+方案2+方案3+方案4+总结+问题描述+在应用中打开一个外部HTML页面,即完整的http链接页面。h5通过window.open或嵌入iframe基本都没问题,本文主要针对app端的方案。

总结+问题描述+在app端打开外部HTML页面时,通常需要考虑以下几种方法:

目录
  • 问题描述
  • 方案1
  • 方案2
  • 方案3
  • 方案4
  • 总结

问题描述

在应用中打开一个外部的html页面,即完整http链接的页面。h5通过window.open或是内嵌iframe基本都没有问题,本文主要针对app端的方法进行汇总,不涉及到小程序端。

方案1

使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网

该组件的行为是在app内打开外部浏览器,在h5打开新网页。

阅读全文

本文共计722个文字,预计阅读时间需要3分钟。

uni-app如何实现H5与App模式下的外部链接打开方法汇总?

目录+问题描述+方案1+方案2+方案3+方案4+总结+问题描述+在应用中打开一个外部HTML页面,即完整的http链接页面。h5通过window.open或嵌入iframe基本都没问题,本文主要针对app端的方案。

总结+问题描述+在app端打开外部HTML页面时,通常需要考虑以下几种方法:

目录
  • 问题描述
  • 方案1
  • 方案2
  • 方案3
  • 方案4
  • 总结

问题描述

在应用中打开一个外部的html页面,即完整http链接的页面。h5通过window.open或是内嵌iframe基本都没有问题,本文主要针对app端的方法进行汇总,不涉及到小程序端。

方案1

使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网

该组件的行为是在app内打开外部浏览器,在h5打开新网页。

阅读全文