【HarmonyOS NEXT】鸿蒙三方应用跳转到系统浏览器

【HarmonyOS NEXT】鸿蒙三方应用跳转到系统浏览器

一、前言:

从三方应用跳转到系统浏览器是比较常见的功能。

拓展应用功能边界:

三方应用的功能通常相对聚焦和特定,无法涵盖用户可能需要的所有网络浏览需求。跳转到系统浏览器能让用户访问更广泛的网页内容,弥补三方应用自身功能的局限性,如在购物应用中点击外部链接查看商品评测、在阅读应用中打开链接获取更多背景知识等。

适配不同应用场景:

不同的应用场景对浏览体验有不同要求。有些场景下,用户需要在应用内进行深度交互,而在另一些场景下,可能更需要系统浏览器提供的通用、全面的浏览功能,如全屏浏览、多标签页管理等。

提高信息获取效率:

当三方应用内的信息展示受限时,跳转到系统浏览器可以让用户更方便地进行信息搜索和比较。例如在旅游应用中查看酒店信息时,用户可跳转到浏览器对比不同平台的价格和评价。

满足安全合规需求:

部分三方应用涉及金融交易、隐私数据等敏感操作,跳转到系统浏览器可以利用系统浏览器的安全机制和防护功能,确保用户信息安全,满足相关安全合规要求。

二、方案实现:

dart 复制代码
import { common } from '@kit.AbilityKit';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct SysWebTestPage {

  private TAG: string = "SysWebTestPage";

  private onClickJumpWeb = () => {
    const context = getContext(this) as common.UIAbilityContext;
    context.openLink('https://www.qq.com', { appLinkingOnly: false })
      .then(() => {
        console.info(this.TAG, 'jump success.');
      })
      .catch((error: BusinessError) => {
        console.error(this.TAG, "jump failed. error:" + JSON.stringify(error));
      });
  }

  build() {
    Column() {
      Button("点击跳转系统浏览器").onClick(this.onClickJumpWeb)
    }
    .width("100%")
    .height("100%")
    .justifyContent(FlexAlign.Center)
  }

}
相关推荐
zhanshuo16 小时前
构建可扩展的状态系统:基于 ArkTS 的模块化状态管理设计与实现
harmonyos
zhanshuo16 小时前
ArkTS 模块通信全解析:用事件总线实现页面消息联动
harmonyos
codefish79821 小时前
鸿蒙开发学习之路:从入门到实践的全面指南
harmonyos
yrjw1 天前
一款基于react-native harmonyOS 封装的【文档】文件预览查看开源库(基于Harmony 原生文件预览服务进行封装)
harmonyos
小徐不徐说1 天前
每日一算:华为-批萨分配问题
数据结构·c++·算法·leetcode·华为·动态规划·后端开发
搜狐技术产品小编20232 天前
搜狐新闻直播间适配HarmonyOs实现点赞动画
华为·harmonyos
zhanshuo2 天前
ArkUI 玩转水平滑动视图:超全实战教程与项目应用解析
harmonyos·arkui
zhanshuo2 天前
ArkUI Canvas 实战:快速绘制柱状图图表组件
harmonyos·arkui
zhanshuo3 天前
手把手教你用 ArkUI 写出高性能分页列表:List + onScroll 实战解析
harmonyos
zhanshuo3 天前
深入解析 ArkUI 触摸事件机制:从点击到滑动的开发全流程
harmonyos