jhen0409/react-native-debugger

Implement better `Network Inspect`

Open

#102 建立於 2017年7月5日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)JavaScript (10,097 star) (850 fork)batch import
enhancementfeaturefeature/network-inspecthelp wanted

描述

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.

貢獻者指南