使用webview获取网页的HTML内容

时间:2018-03-20 13:35:15

标签: react-native

我希望用webview获取html代码本地代码只能在注入后调用alert函数。我想得到一个特定的div html内容。

  const jsCode = "window.postMessage(alert(document.getElementById('result')))"

<WebView 
            style={{width:Dimensions.get('window').width,height:Dimensions.get('window').height}}
            javaScriptEnabled ={true}
             injectedJavaScript={jsCode} 
            source={{uri: this.state.uri}}
      />

1 个答案:

答案 0 :(得分:3)

window.postMessage导致WebView.onMessage - 处理程序被数据调用。

所以这应该有效:

const jsCode = "window.postMessage(document.getElementById('gb-main').innerHTML)"

<WebView
  javaScriptEnabled={true}
  injectedJavaScript={jsCode}
  source={{uri: 'http://www.google.com/'}}
  onMessage={event => console.log('Received: ', event.nativeEvent.data)}
/>