react-native – 如何在本机中获取WebView对象的html源代码

发布时间：2020-12-15 20:11:11 所属栏目：百科来源：网络整理

导读：我正在尝试访问第三方网页的 HTML源代码,以读取在react-native中的WebView组件中加载的页面的特定DOM元素值. WebView source={{uri: 'https://www.amazon.com'}} / 并假设有一个像这样的DOM元素： span class="price bold some-class-name"$459.00/span 我也

我正在尝试访问第三方网页的 HTML源代码,以读取在react-native中的WebView组件中加载的页面的特定DOM元素值.

<WebView
        source={{uri: 'https://www.amazon.com'}}
      />

并假设有一个像这样的DOM元素：

<span class="price bold some-class-name">$459.00</span>

我也试过这个组件但是不能这样做：
https://github.com/alinz/react-native-webview-bridge

有没有办法在WebView和Read特定的DOM元素值中获取页面的当前HTML源代码？

解决方法

看起来在React Native v0.37中添加了此功能.添加onMessage参数会将postMessage变量注入WebView.然后你可以正常注入JavaScript,选择你的元素并将postMessage返回.

render (
  const jsCode = "window.postMessage(document.getElementsByClassName("price bold some-class-name"))"

  return (
     <View style={styles.container}>
         <WebView
             source={{uri: "http://..."}}
             onMessage={this._onMessage}
             injectedJavaScript={jsCode}
         />
     </View>
  );
)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!