鸿蒙原生应用如何才能拉起系统浏览器？

程序媛夏天

发布于 2025-01-09 17:36:11

20000

代码可运行

文章被收录于专栏：夏天的前端笔记夏天的前端笔记

运行总次数：0

代码可运行

鸿蒙原生应用如何才能拉起系统浏览器？

通过隐式指定want参数中的action为ohos.want.action.viewData来拉起浏览器应用

开发者可以通过隐式指定want参数中的action为ohos.want.action.viewData来拉起浏览器应用，并在want参数中的uri配置拉起后打开的网页链接。具体可参考如下代码。

示例代码

import { common, Want } from '@kit.AbilityKit';
import { BusinessError } from '@kit.BasicServicesKit';

function startBrowsableAbility(context: common.UIAbilityContext): void {
  let want: Want = {
    action: 'ohos.want.action.viewData',
    entities: ['entity.system.browsable'],
    uri: 'https://www.nutpi.net/'
  };
  context.startAbility(want)
    .then(() => {
      console.error('Start browsableAbility successfully.');
    })
    .catch((err: BusinessError) => {
      console.error(`Failed to startAbility. Code: ${err.code}, message: ${err.message}`);
    });
}

@Entry
@Component
struct BrowsablePage {
  @State message: string = '拉起浏览器并打开坚果派官网';

  build() {
    Row() {
      Column() {
        Button(this.message)
          .fontSize(24)
          .fontWeight(FontWeight.Bold)
          .onClick(() => {
            const context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
            startBrowsableAbility(context);
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}