Harmony OS【加载Web资源组件 @kit.ArkWeb】

最新推荐文章于 2025-06-24 16:10:51 发布

原创最新推荐文章于 2025-06-24 16:10:51 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Harmong OS

import { webview } from "@kit.ArkWeb"	// ArkTs组件
// webview => 当前页面具有网页显示的能力的Web组件

//加载Web资源组件
@Component
struct WebComponent {
  @State url: string = 'www.youkuaiyun.com';

  private webviewController: webview.WebviewController = new webview.WebviewController();

  build() {
    Web({ src: this.url, controller: this.webviewController })
      .darkMode(WebDarkMode.Auto) // 设置Web深色模式
      .domStorageAccess(true) // 设置是否开启文档对象模型存储接口
      .zoomAccess(true) // 设置是否允许手指缩放
      .fileAccess(true) // 设置是否开启中文文件系统的访问
      .mixedMode(MixedMode.All) // 设置是否允许加载超文本传输协议http和超文本传输安全协议https混合内容
      .cacheMode(CacheMode.None) // 设置缓存模式
      .javaScriptAccess(true) // 设置是否允许执行javascript脚本
      .width("100%")
      .layoutWeight(1) // 设置组件的布局权重，使用该属性的组件再父容器的主轴方向按照权重分配尺寸
  }
}