首页 > 其他分享 >WebviewController进行混合开发,鸿蒙星河版API(11)

WebviewController进行混合开发,鸿蒙星河版API(11)

时间:2024-06-06 21:00:37浏览次数:15  
标签:11 web index WebviewController html controller API 加载

@ohos.web.webview提供web控制能力,web组件提供网页显示的能力,同时也可以执行网页中定义的JS方法。

一、第一步创建WebviewController实例

controller: WebviewController = new webview.WebviewController()

二、web组件加载html文件

build() {
    Navigation() {
      Column() {
      // 加载rawfile文件夹中的index.html这个文件
      // 解决方案:Web这个控件来实现
        Web({
          src:$rawfile('index.html'),  // 指向了index.html路径
          controller:this.controller
        })
      }
      .width('100%')
    }
    .titleMode(NavigationTitleMode.Mini)
    .title('隐私政策')
    .height('100%')
  }

三、页面加载完成执行JavaScript方法

      Web({
        src: $rawfile('index.html'),
        controller: this.controller
      })
        .height(400)
        .width('100%')
        .backgroundColor('#f1f3f5')
        .onPageEnd(() => {
          //   当html网页加载完成之后,要执行这个网页中定义的js方法 writeCode
          this.webviewCtrl.runJavaScript(`writeCode(\`${this.currentCode}\`)`)
          //   AlertDialog.show({message:'加载网页完成'})
        })

标签:11,web,index,WebviewController,html,controller,API,加载
From: https://blog.csdn.net/xp1870069025/article/details/139509849

相关文章

  • 记录--前端起dev从110秒减少到7秒, 开发体验大幅提升
    ......
  • 力扣:1103. 分糖果 II
    1103.分糖果II排排坐,分糖果。我们买了一些糖果 candies,打算把它们分给排好队的 n=num_people 个小朋友。给第一个小朋友1颗糖果,第二个小朋友2颗,依此类推,直到给最后一个小朋友 n 颗糖果。然后,我们再回到队伍的起点,给第一个小朋友 n +1 颗糖果,第二个小朋友......
  • P1182 数列分段 Section II
    数列分段SectionII题目描述对于给定的一个长度为$N$的正整数数列$A_{1\simN}$,现要将其分成$M$($M\leqN$)段,并要求每段连续,且每段和的最大值最小。关于最大值最小:例如一数列$4\2\4\5\1$要分成$3$段。将其如下分段:$$[4\2][4\5][1]$$第一段和为$6$,第$2$段......
  • 基于rtl8188eu的imx6ull开发板与Windows11实现无线网络ping通
    文章目录版本信息1.开发板网卡移植1.1.配置rtl8188eu驱动2.内核修改编译2.1.rtl8188eu固件配置2.2.USB、WIFI、IEEE802.11配置3.wifi工具移植3.1.wirelesstool移植3.2.wpa_supplicant移植4.根文件系统配置5.ping测试版本信息arm开发板:正点原子imx6ullalphav2......
  • jenkins接入钉钉api接口自动化测试报告自动发送
    一些同学的公司在做接口自动化测试时,难免会要求进行持续集成以及需要将可视化报告发送到诸如钉钉工作群等地方,于是便编写下列相关教程。jenkins上进行持续集成以及接入钉钉前提条件准备好自动化脚本持续集成源代码管理模块安装插件:Gitplugin获取凭证:http拉取链接对应:登录......
  • FastAPI-3:快速入门
    3快速入门第二章是python基础,故不做介绍。FastAPI是一个现代、快速(高性能)的网络框架,用于使用基于标准Python类型提示的Python3.6+构建API。FastAPI的创建者是SebastiánRamírez。FastAPI由SebastiánRamírez于2018年发布。与大多数PythonWeb框架相比,它在很多方面都更......
  • 锐捷校园网自助服务系统 login_judge.jsf 任意文件读取漏洞复现(XVE-2024-2116)
    0x01产品简介锐捷校园网自助服务系统是锐捷网络推出的一款面向学校和校园网络管理的解决方案。该系统旨在提供便捷的网络自助服务,使学生、教职员工和网络管理员能够更好地管理和利用校园网络资源。0x02漏洞概述校园网自助服务系统/selfservice/selfservice/module/scgroup......
  • I Doc View 在线文档预览 qJvqhFt.json 任意文件读取漏洞复现(XVE-2024-2115)
    0x01产品简介iDocView是一个在线文档解析应用,旨在提供便捷的文件查看和编辑服务。0x02漏洞概述iDocView是一个在线文档预览系统/view/qJvqhFt.json接口处存在任意文件读取漏洞,未授权的攻击者可以利用此接口并携带默认token读取服务器敏感文件信息,使系统处于极度不安全的......
  • SendGrid发送邮件时如何调用API接口群发?
    SendGrid发送邮件模板如何定制?邮件发送限制有哪些?SendGrid发送邮件是一种方便快捷的方式,可以在应用程序或网站中轻松地发送大量邮件。通过调用SendGrid的API接口,您可以实现群发邮件,无论是通知用户、发送营销邮件还是其他目的,都能够高效完成。SendGrid发送邮件:调用接口通过S......
  • 【Web API DOM09】元素在页面中尺寸、位置获取
    一:如何获取宽高、位置1获取元素宽高offsetWidth和offsetHeight获取元素自身宽高,包含元素自身内容+padding+border获取可视宽高;如果盒子隐藏,获取结果为0获取的是数值型数据clientWidth和clientHeight获取元素可见部分宽高(不包含边框、margin、滚动条等)2获取元素位置off......