Question

我想在网页浏览中获取HTML。我读了react-native-doc（https://facebook.github.io/react-native/docs/webview.html#content），但我找不到它。

我可以这样做吗？

Answer 1

如果将来有人遇到这个问题。你在这里的选择是使用JavaScript。您可以在网络视图上使用injectedJavaScript注入window.postmessge($('body').html())，然后在网页浏览的onMessage功能中处理回复。更干净的方法是自己获取页面，然后将其加载到webview中。

Answer 2

以上答案都不适合我，但确实如此。它在控制台中显示接收到的 webview 的 html 内容：

const jsCode = 'window.ReactNativeWebView.postMessage(document.documentElement.innerHTML)'

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

Answer 3

我找到了这个。 https://github.com/alinz/react-native-webview-bridge

但是我无法在android中使用它。这只适用于android。我不知道这个问题只是我的问题或库问题。

在Android中我使用onNavigationStateChange。阅读https://github.com/facebook/react-native/issues/586#issuecomment-90826117 我认为这不是好方法。但我真的需要这个。所以我用过它。

React Native Webview获取html

3 个答案: