#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用ArkWeb组件加载H5页面？

import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct WebViewExample {
    private webviewController = new webview.WebviewController();

    build() {
        return Column() {
            Web({
                src: 'https://www.example.com',
                controller: this.webviewController,
            })
            .onPageBegin((event) => {
                console.log('网页开始加载');
            })
            .onPageEnd((event) => {
                console.log('网页加载完成');
            })
            .onErrorReceive((event) => {
                console.error('网页加载错误:', event);
            });
        };
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.