Currently we have the feature just use originalXMLHttpRequest to replace XHR (see the code), then we can inspect the requests in Network tab of devtools. It's very useful to me, but it has some limitations that cause others to be confused. (See documentation)
Would be better if we just implement our Network Inspect:
- Use XHRInterceptor of React Native or implement the similar thing, and send network data from
RNDebuggerWorker to top context
- Need an option like
sanitizer for avoid some fields send like large data
Maybe implement UI in devtools-helper as dev panel of devtools (Call it RN Network?), we can polling data by chrome.devtools.inspectedWindow.eval, or send data from top context to background script- We may need to upgrade remotedev-app to v0.11 (current beta) first because it have custom tabs UI
But we can't implement some Network tab of Chrome DevTools features like Offline and Throttling, so if this got implemented, I'll keep the original feature, may just remove the context menu item and Touch Bar button.
Currently we have the feature just use
originalXMLHttpRequestto replace XHR (see the code), then we can inspect the requests inNetworktab of devtools. It's very useful to me, but it has some limitations that cause others to be confused. (See documentation)Would be better if we just implement our Network Inspect:
RNDebuggerWorkertotopcontextsanitizerfor avoid some fields send like large dataMaybe implement UI indevtools-helperas dev panel of devtools (Call itRN Network?), we can polling data bychrome.devtools.inspectedWindow.eval, or send data fromtopcontext to background scriptBut we can't implement some Network tab of Chrome DevTools features like
OfflineandThrottling, so if this got implemented, I'll keep the original feature, may just remove the context menu item and Touch Bar button.