鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS 如何读取网页中标签数据？

可否通过web组件或者其他工具读取出网页中的文字内容？

HarmonyOS

1天前

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以在web页面加载完之后，通过执行javascript脚本获取标签内容，案例如下：

import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  @State webResult: string = '' 
 
  build() { 
    Column() { 
      Text(this.webResult).fontSize(20) 
      Web({ src: $rawfile('index.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
        .onPageEnd(e => { 
          try { 
            this.controller.runJavaScript( 
              'getText()', 
              (error, result) => { 
                if (error) { 
                  let e: business_error.BusinessError = error as business_error.BusinessError; 
                  console.error(`run JavaScript error, ErrorCode: ${e.code},  Message: ${e.message}`); 
                  return; 
                } 
                if (result) { 
                  this.webResult = result 
                  console.info(`The getText() return value is: ${result}`) 
                } 
              }); 
            if (e) { 
              console.info('url: ', e.url); 
            } 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`); 
          } 
        }) 
    } 
  } 
}
<!DOCTYPE html> 
  <html lang="en"> 
  <head> 
  <meta charset="UTF-8"> 
  <title>示例页面</title> 
  </head> 
  <body> 
  <div id='box'> 
  <h1>欢迎来到我的网页</h1> 
  <p>这是一个段落。</p> 
  <a href="https://www.example.com">点击这里访问我的主页</a> 
  </div> 
  </body> 
 
  <script> 
  function getText(){ 
    const boxDom = document.getElementById('box'); 
    return boxDom.innerText; 
  } 
  </script> 
  </html>

参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-webview-V5#runjavascript

回复

1天前

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

发布

相关问题

如何读取本地/预制数据库？

968浏览 • 1回复待解决

HarmonyOS db文件无法读取到数据

379浏览 • 1回复待解决

ets如何读取本地mysql数据库中的数据？

2791浏览 • 1回复待解决

HarmonyOS 数据库拷贝后无法读取

81浏览 • 1回复待解决

HarmonyOS 如何实现首页标签滑动动效？

236浏览 • 1回复待解决

HarmonyOS 如何实现加载网页的能力？

47浏览 • 1回复待解决

HarmonyOS如何读取文件

324浏览 • 1回复待解决

HarmonyOS 带有星球点的标签云如何实现

245浏览 • 1回复待解决

NFC开发，HarmonyOS设备触碰nfc标签触发操作拉起应用，并把nfc标签数据传递过来

685浏览 • 1回复待解决

请问ArkTS关系型数据库RDB的同步如何实现，SyncMode标签如何使用

3173浏览 • 1回复待解决

如何实现标签随文本换行

834浏览 • 1回复待解决

使用rcp请求数据，如何同步网页端的session登录状态？

45浏览 • 1回复待解决

HarmonyOS Web加载网页白屏

362浏览 • 1回复待解决

使用HarmonyOS组件webview加载网页的时候，js使用的select标签，webview容器支持修改样式以及选中状态吗？

43浏览 • 1回复待解决

HarmonyOS Web组件加载的h5网页如何获取到网页的window对象？

67浏览 • 1回复待解决

HarmonyOS Span标签样式问题

320浏览 • 1回复待解决

HarmonyOS页面中加载了web网页，希望在网页H5获取数据后，传递给前端组件更新状态。这个怎么实现？

69浏览 • 1回复待解决

KVManager 存储数据后，启动 App 读取失败

64浏览 • 1回复待解决

如何对网页进行预连接？

280浏览 • 1回复待解决

如何对网页进行预加载？

378浏览 • 1回复待解决

HarmonyOS使用file进行写入json数据, 读取后中文乱码. 这种应该如何处理

215浏览 • 1回复待解决

如何读取系统剪切板里的字符串数据？

230浏览 • 1回复待解决

#鸿蒙学习大百科#如何读取preference中的数据？

178浏览 • 2回复待解决

读取数据文件的方法有哪些

243浏览 • 1回复待解决

HarmonyOS图片文件读取的RGB 通道数据与其它平台有差异

295浏览 • 1回复待解决

提问

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

相关讨论帖

AHT20温湿度传感器，读取数据结果如何转换？ 2回复

Flux 如何监听镜像标签更新实现 GitOps 0回复

如何用python做后端写网页-flask框架 0回复

HarmonyOS Connect开发-烧录NFC标签码流 0回复

HarmonyOSConnect：NFC标签 4回复

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