web组件的使用

whaaaat
发布于 2024-4-28 15:49
浏览
0收藏

web组件

  1. 加载在线网站

web组件的使用-鸿蒙开发者社区

{
    "module" : {
        "requestPermissions":[
           {
             "name": "ohos.permission.INTERNET"
           }
        ]
    }
}
@Entry
@Component
struct WebComponent {
  controller: WebController = new WebController();
  build() {
    Column() {
      Web({ src: 'https://developer.harmonyos.com/', controller: this.controller })
    }
  }
}

web组件的使用-鸿蒙开发者社区



  1. 加载本地网页

web组件的使用-鸿蒙开发者社区

// xxx.ets
@Entry
@Component
struct SecondPage {
  controller: WebController = new WebController();

  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.controller })
    }
  }
}
// xxx.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <img src="pad.jpg">
</body>
</html>


标签
收藏
回复
举报
回复
    相关推荐