51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS webview的loadData方法如何进入页面就加载

当前实现如下，如果不适用延迟的方式可以实现吗？

import { webview } from '@kit.ArkWeb';  
import { BusinessError } from '@kit.BasicServicesKit';  
import { CommonTitle } from '../view/CommonTitle';  
  
@Entry  
@Component  
struct Agreement {  
  controller: webview.WebviewController = new webview.WebviewController();  
  
  aboutToAppear(): void {  
    setTimeout(()=>{  
      this.controller.loadData(  
        "<html><body bgcolor=\"white\">Source:<pre>source</pre></body></html>",  
        "text/html",  
        "UTF-8"  
      );  
    }, 1000)  
  }  
  
  build() {  
    Column() {  
      CommonTitle()  
      Web({ src: '', controller: this.controller })  
    }  
  }  
}
HarmonyOS
zbw_apple
2024-09-25 12:46:25
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu
zxjiu

可以使用onControllerAttached，参考文档：​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#oncontrollerattached10​​

代码示例：

import { webview } from '@kit.ArkWeb';  
import { BusinessError } from '@kit.BasicServicesKit';  
  
// import { CommonTitle } from '../view/CommonTitle';  
  
@Entry  
@Component  
struct Agreement {  
  controller: webview.WebviewController = new webview.WebviewController();  
  @State webData: string = "<!DOCTYPE html>\n" +  
    "<html>\n" +  
    "<head>\n" +  
    "<title>intercept test</title>\n" +  
    "</head>\n" +  
    "<body>\n" +  
    "<h1>Hello world</h1>\n" +  
    "</body>\n" +  
    "</html>"  
  
  build() {  
    Column() {  
      // CommonTitle()  
      Web({ src: '', controller: this.controller })  
        .onControllerAttached(() => {  
          this.controller.loadData(this.webData, "text/html", "UTF-8", ' ', ' ')  
        })  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-09-25 16:22:23
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS webview无法通过loadData加载内容
1284浏览 • 1回复 待解决
如何解决webview loaddata白屏问题
2289浏览 • 1回复 待解决
HarmonyOS webview中loadData如果有样式加载不出来
907浏览 • 1回复 待解决
在组件的aboutToAppear()中，使用WebviewController的loadData（）方法加载html报错
1756浏览 • 1回复 待解决
原生页面和webview如何进行参数传递
1462浏览 • 1回复 待解决
HarmonyOS 如何监听webview页面加载失败？
1320浏览 • 1回复 待解决
HarmonyOS webview加载页面空白
1131浏览 • 1回复 待解决
HarmonyOS webview默认加载的页面如何设置默认加载移动端版本的页面
921浏览 • 1回复 待解决
HarmonyOS WebView loaddata 无法完全展示html中的内容
1085浏览 • 1回复 待解决
HarmonyOS 页面切换时不缓存数据，每次进入页面重新加载
1682浏览 • 1回复 待解决
HarmonyOS web组件loadData加载内容显示异常
1117浏览 • 1回复 待解决
HarmonyOS webview加载页面无法显示
2113浏览 • 1回复 待解决
HarmonyOS webview加载页面时会加载两遍
1001浏览 • 1回复 待解决
HarmonyOS 使用web组件loadData加载html文件白屏
2562浏览 • 1回复 待解决
HarmonyOS Web通过loadData加载html不显示内容
1192浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
3682浏览 • 1回复 待解决
HarmonyOS webview onLoadIntercept方法能否修改url再加载
981浏览 • 1回复 待解决
HarmonyOS web通过loadData加载h5标签
1608浏览 • 1回复 待解决
HarmonyOS Webview通过loadData加载富文本内容不显示，但是通过loadUrl加载同样的富文本html文件就可以正常显示。
1106浏览 • 1回复 待解决
webview如何进行消息的发送以及接收？
1603浏览 • 1回复 待解决
WebView页面加载错误回调能力。
1862浏览 • 1回复 待解决
HarmonyOS 页面中有网络请求，预览器就加载不出来
1224浏览 • 1回复 待解决
HarmonyOS webviewController调用loadData函数加载本地html文件异常
1001浏览 • 1回复 待解决
HarmonyOS WebView加载的H5页面，通过JavaScript捕获方法，如何弹出一个原生的选择框
710浏览 • 1回复 待解决
HarmonyOS 页面往上滑动自动加载新数据的方法？
1030浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙WebView如何加载http链接 0回复
HarmonyOs webview 加载本地html 6回复
#过年不停更# 利用鸿蒙JavaUI 框架的 WebView 加载本地页面 0回复
HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复
WebView 中的图片不能被加载 0回复