鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS web组件的runJavaScript方法执行失败

HarmonyOS

2025-01-09 16:35:08

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

runJavaScript调用H5参考示例：

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

interface socketMessage {
  type: string;
  msg?: string | number;
}

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();
  @State screenShareMsg:socketMessage = {
    type: 'test',
    msg: 'test'
  }

  build() {
    Column() {
      Button('点击调用H5').onClick(()=>{
        // 传递数据  JSON.stringify
        console.log("SocketMsg",JSON.stringify(this.screenShareMsg))
        let str=JSON.stringify(this.screenShareMsg)
        // 调用H5
        this.controller.runJavaScript(`handleMsg(${str})`)

      })
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .javaScriptAccess(true)
          // 检测H5打印数据
        .onConsole((event) => {
          if (event) {
            console.log("onConsole",event.message.getMessage())
          }
          return false
        })

    }
  }
}
<!-- index.html -->
  <!DOCTYPE html>
  <html>
  <meta charset="utf-8">
  <body>
  <p id="p1">hello world </p>
  </body>
  <script type="text/javascript">
  function handleMsg(msg) {
    //获取对象数据   ：  "123test"
    console.log('123'+msg['type'])
  }
  </script>
  </html>

回复

2025-01-09 19:50:06

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS Swiper组件onVisibleAreaChange方法执行异常

857浏览 • 1回复待解决

组件build(){}方法执行完毕有对应的回调方法吗？

1260浏览 • 1回复待解决

web组件加载html页面，无法执行jscript脚本

2069浏览 • 1回复待解决

HarmonyOS Scroll回调方法执行改变

1019浏览 • 1回复待解决

HarmonyOS runJavaScript执行时序

1350浏览 • 1回复待解决

HarmonyOS WebView如何监听this.webViewController.backward()方法执行完成？

1370浏览 • 1回复待解决

如何通过AOP统计方法执行时间

1593浏览 • 1回复待解决

debug调试的时候，watch添加方法执行结果都是undefined

1443浏览 • 1回复待解决

DevEco无法执行Previewer

1759浏览 • 1回复待解决

HarmonyOS web组件的runJavaScript和runJavaScriptExt有什么区别？

809浏览 • 1回复待解决

UIAbility的onDestroy()函数是同步的，怎么保证异步方法执行完

3005浏览 • 1回复待解决

HarmonyOS Web runJavaScript 如何传参数

1217浏览 • 1回复待解决

ForEach在真机上无法执行

3027浏览 • 1回复待解决

HarmonyOS 用web组件加载vue项目地址，能打开网页，但是调用runJavaScript方法调用vue里面的js方法失败，返回"Uncaught ReferenceError: htmlTest

752浏览 • 1回复待解决

HarmonyOS taskpool无法执行C++代码

1370浏览 • 1回复待解决

页面aboutToAppear方法执行时，执行Promise任务查询请求服务器，如果耗时过长，里面的内容还会执行吗

3056浏览 • 1回复待解决

HarmonyOS web组件加载url失败

1810浏览 • 1回复待解决

HarmonyOS Web的高度为0时，onLoadIntercept方法不执行

1059浏览 • 1回复待解决

在onLoadIntercept和onPageBegin哪个方法中执行runJavaScript能保证既能注入成功，时机又尽量的靠前。

1516浏览 • 1回复待解决

HarmonyOS Navigation 设置路由拦截直接异常，无法执行

1047浏览 • 1回复待解决

HarmonyOS @State ArrayList，list.add方法执行之后，是否会动态刷新相关引用地方的数据

772浏览 • 1回复待解决

HarmonyOS 所有的web组件都会执行onRenderExited

1493浏览 • 1回复待解决

HarmonyOS @Entry标注的组件onPageShow方法不执行

961浏览 • 1回复待解决

HarmonyOS promptAction弹窗在axios.request()的回调中无法执行

1280浏览 • 1回复待解决

HarmonyOS Web组件UserAgent判断方法

942浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

vscode烧录出现错误，无法执行下去 0回复

CodeLLDB安装失败的简易解决方法 0回复

web组件的使用 0回复

HarmonyOS—使用Web组件加载页面 0回复

【HarmonyOS】Web 组件的 PDF 文档预览功能详解 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载