Javascript 如何查看在React Native WebView中运行的网页的console.log()?

Javascript 如何查看在React Native WebView中运行的网页的console.log()?,javascript,reactjs,typescript,react-native,webview,Javascript,Reactjs,Typescript,React Native,Webview,在我的React本机代码中,我尝试在WebView组件中调用我的网页。在该网页中,我使用React Native WebView的injectedJavascript属性中的window.postMessage()方法传递一些数据。根据我传递到web页面的数据,我在该页面上显示了一些console.log()。所以,我的要求是从WebView组件内的网页中捕获这些控制台日志,并将其显示在我的React本机代码中 下面是我的WebView代码: <WebView source={{

在我的React本机代码中,我尝试在WebView组件中调用我的网页。在该网页中,我使用React Native WebView的injectedJavascript属性中的window.postMessage()方法传递一些数据。根据我传递到web页面的数据,我在该页面上显示了一些console.log()。所以,我的要求是从WebView组件内的网页中捕获这些控制台日志,并将其显示在我的React本机代码中

下面是我的WebView代码:

<WebView
  source={{
      uri: 'https://www.example.com/',
  }}
  javaScriptEnabled={true}
  injectedJavaScript={`window.postMessage({...}, '*')`}
  onMessage={(event) => {
      const { data } = event.nativeEvent;
      console.log('MESSAGE >>>>' + JSON.stringify(data));
  }}
/>
{
const{data}=event.nativeEvent;
log('MESSAGE>>>'+JSON.stringify(data));
}}
/>

简而言之,无论在我的网页的控制台中打印什么,我都希望在我的React Native的控制台中打印,这样我就可以通过使用window.postMessage()传递数据从WebView组件调试我的网页。这是否回答了您的问题?我已经尝试过该代码,但在更改窗口之后。postMessage()不起作用。这是否回答了您的问题?我已经尝试过这段代码,但在那之后,我的窗口发生了变化。postMessage()不起作用。