麻烦有大佬能试一下这段HarmonyOS鸿蒙Next代码吗,我这边不会加载H5。tab有个视频H5同样的代码就会显示

麻烦有大佬能试一下这段HarmonyOS鸿蒙Next代码吗,我这边不会加载H5。tab有个视频H5同样的代码就会显示

import web_webview from '@ohos.web.webview';

@Component
export struct Shop {
  @State message: string = '商城'
  controller: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      Web({ src: 'https://mtest.hooply.com', controller: this.controller })
    }
    .width('100%')
    .height('100%')
  }
}

更多关于麻烦有大佬能试一下这段HarmonyOS鸿蒙Next代码吗,我这边不会加载H5。tab有个视频H5同样的代码就会显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复
```javascript
import web_webview from '[@ohos](/user/ohos).web.webview';

[@Entry](/user/Entry)
[@Component](/user/Component)
export struct Web240725085623122 {
[@State](/user/State) message: string = '商城'
controller: web_webview.WebviewController = new web_webview.WebviewController();

build() {
Column() {
Web({ src: 'https://mtest.hooply.com', controller: this.controller })
.domStorageAccess(true)
}.width('100%')
.height('100%')
}
}

更多关于麻烦有大佬能试一下这段HarmonyOS鸿蒙Next代码吗,我这边不会加载H5。tab有个视频H5同样的代码就会显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,加载H5页面时,如果遇到无法加载的情况,可能是由于以下原因:

  1. Web组件的配置问题,确保WebView组件正确初始化并设置了WebViewClientWebChromeClient

  2. 网络权限未正确配置,检查config.json文件中是否添加了ohos.permission.INTERNET权限。

  3. URL地址问题,确认H5页面的URL地址是否正确且可访问。

  4. 页面加载策略,确保在onPageFinished回调中处理页面加载完成后的逻辑。

以下是一个简单的代码示例:

import webview from '[@ohos](/user/ohos).web.webview';

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
  private controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Web({
        src: 'https://your-h5-page-url.com',
        controller: this.controller
      })
      .onPageFinished((event) => {
        console.log('Page finished loading');
      })
    }
  }
}
``

确保以上配置正确,并检查日志输出以进一步排查问题。

在HarmonyOS鸿蒙Next中,H5页面加载问题可能与WebView的配置或网络权限有关。请确保已在config.json中添加了网络权限:"ohos.permission.INTERNET"。同时,检查WebView的初始化代码是否正确,确保加载的URL有效且网络连接正常。如果问题依然存在,建议调试WebView的生命周期方法,查看是否有错误日志输出。

回到顶部