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

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

HarmonyOS

put_get

2024-11-07 10:16:37

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

可以在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

2024-11-07 17:23:20

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

发布

51CTO

51CTO博客

51CTO学堂

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

订阅鸿蒙技术特刊，精选内容抢先看