更新记录
1.0.0(2026-06-18)
本插件适配 Android、iOS、HarmonyOS 三端,让您在 uni-app 中通过统一的 openBrowser 方法,调用设备默认浏览器打开指定网页。
平台兼容性
uni-app(5.0)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | × | × | √ | - | 5.0 | 15 | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| × | × | × | × | × | × | × | × | × | × | × | × |
uni-app x(5.0)
| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|---|
| × | × | 5.0 | 15 | 5 | × |
uni-app UTS 插件:打开外部浏览器(zwb-openWeb)
本插件适配 Android、iOS、HarmonyOS 三端,让您在 uni-app 中通过统一的 openBrowser 方法,调用设备默认浏览器打开指定网页。
📦 插件信息
| 项目 | 内容 |
|---|---|
| 插件名称 | zwb-openWeb |
| 插件 ID | zwb-openWeb |
| 支持平台 | Android、iOS、HarmonyOS |
| 开发方式 | UTS 插件 |
| 最低 HBuilderX 版本 | 建议 3.9+(已适配新版 API) |
🚀 快速开始
1. 引入插件
在 uni_modules 目录下放入插件文件夹后,前端页面直接 import:
import { openBrowser } from '@/uni_modules/zwb-openWeb';
2. 调用方法
// 打开一个网页
openBrowser('https://www.example.com');
📖 API 说明
openBrowser(url: string): void
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| url | string | 是 | 需要打开的网址,建议包含 http:// 或 https:// 前缀。 |
- 如果传入的
url没有协议前缀,插件会自动补全https://。 - 传入
null或空字符串时,方法会静默返回,不会执行任何操作。 - 各平台均会调用系统默认浏览器打开链接,不会在应用内嵌 WebView。
📝 完整示例
<template>
<view class="page">
<button type="primary" @click="openInBrowser">打开百度</button>
</view>
</template>
<script>
import { openBrowser } from '@/uni_modules/zwb-openWeb';
export default {
methods: {
openInBrowser() {
openBrowser('https://www.baidu.com');
}
}
};
</script>
🛠️ 注意事项
📱 各平台要求
| 平台 | 注意事项 |
|---|---|
| Android | 无需额外权限;如果设备未安装任何浏览器,调用将失败(插件内部已做安全判断,不会崩溃)。 |
| iOS | ⚠️ 必须通过自定义基座真机运行。标准运行基座不包含 UTS 插件,直接运行时会出现 undefined class 错误。请在 HBuilderX 中制作自定义调试基座并勾选本插件。 |
| HarmonyOS | 需要在 module.json5 中声明网络权限 ohos.permission.INTERNET(如果目标 URL 需要联网)。使用 openLink 优先,若失败则降级为 startAbility 方式。 |
🔧 开发调试建议
- iOS 自定义基座:
制作路径:HBuilderX 顶部菜单 → 运行 → 运行到手机或模拟器 → 制作自定义调试基座 → 勾选插件zwb-openWeb→ 打包。 - Android 编译警告:
使用时可能看到Identity equality for types 'Int' is deprecated警告,不影响功能。我们已在插件内部使用==替代===,避免该警告。 - HarmonyOS 编译错误:
若遇到arkts-no-untyped-obj-literals错误,已通过Want类型声明解决,无需额外处理。
❓ 常见问题
Q:iOS 运行时提示 undefined class: UTSSDKModules... 怎么办?
A:请使用自定义基座运行,标准基座不含插件代码。制作方法见上方“注意事项”。
Q:链接没有打开,或提示“设备上没有可用的浏览器”?
A:请检查设备是否安装了浏览器(Android 特别检查)。iOS 系统默认自带 Safari,一般不存在该问题。
Q:可以打开应用内页面(如 pages/index/index)吗?
A:不可以,本插件仅用于调起系统默认浏览器打开网页 URL,如需应用内跳转请使用 uni-app 的路由 API。
若您在使用过程中遇到其他问题,欢迎随时反馈!

收藏人数:
购买源码授权版(
试用
赞赏(0)
下载 15672
赞赏 7
下载 12286089
赞赏 1922
赞赏
京公网安备:11010802035340号