jhen0409/react-native-debugger

Implement better `Network Inspect`

Open

#102 aperta il 5 lug 2017

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (850 fork)batch import
enhancementfeaturefeature/network-inspecthelp wanted

Metriche repository

Star
 (10.097 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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.

Guida contributor