React-native-debugger: Implement better `Network Inspect`

[jhen0409]

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.

[kabriel]

Just a note, I am unable to use this feature with AWS as it will fail to authenticate the signed headers.