我的React原生应用程序中有一个WebView，我需要显示在React原生应用程序的WebView中执行的Javascript日志(log).
我认为我需要利用WebView的nativeConfigprops 来实现这一点，但我不知道如何让它发挥作用.
以下是我的最新try :
<WebView
nativeConfig={{
props: {
webContentsDebuggingEnabled: true,
console: new MyLogger()
}
}}
...
class MyLogger {
log = message => {
console.log(message); // Print in RN logs for now...
};
}
任何帮助都将不胜感激.
好吧，我终于明白了.我只需要向WebView注入一些代码，让它使用我自己版本的控制台.
const debugging = `
// Debug
console = new Object();
console.log = function(log) {
window.webViewBridge.send("console", log);
};
console.debug = console.log;
console.info = console.log;
console.warn = console.log;
console.error = console.log;
`;
<WebView
injectedJavaScript={debugging}
onMessage={this.onMessage}
然后在onMessage函数中获取控制台日志(log).