React native - リモートJSデバッグが有効になっているかどうかをプログラムで確認する

Question

React-Nativeでは、"Debug JS Remotely"が有効になっているかどうかをどのように知ることができますか？

私はRN docsと、さまざまなNPMパッケージで探してみましたが、Androidの場合どのように...

Answer 1

を見つけることができませんでした、共有設定では、リモートデバッグの状態を見つけることができます。 私のアプリケーションのsharedPreferencesファイルを開くとき。リモートデバッグかどうかを確認するためにhttps://github.com/sriraman/react-native-shared-preferences：

リモートデバッグアクティブ

<map> 
    <boolean name="remote_js_debug" value="true" /> 
    <boolean name="hot_module_replacement" value="true" /> 
    <boolean name="reload_on_js_change" value="true" /> 
</map> 

リモートデバッグだから（アンドロイドのみ）、あなたはこのようなモジュールを使用することができます

<map> 
    <boolean name="remote_js_debug" value="false" /> 
    <boolean name="hot_module_replacement" value="true" /> 
    <boolean name="reload_on_js_change" value="true" /> 
</map> 

を非アクティブアクティブです。

Answer 2

リモートデバッグが有効になっているかどうかをプログラムで確認する方法（他のSOの質問でこの独特な動作が見つかった） RN 0.43にと+クロームデバッガでテストはネイティブデバッガに反応：

const isDebuggingEnabled = (typeof atob !== 'undefined'); 

編集：これは半年以上前に頼まれただけで気づいた：D ...よく、私は将来の世代のために、ここでそれを残します。

Answer 3

この回答を見ると、atobのチェックやアンドロイドに拘束されていることに満足できませんでした。私は、デバッガが実行されている場合には、かなり良いプロキシと思われる関数を見つけました。これは__REMOTEDEV__というグローバルです。次のように私の場合は

は、私が反応し、ネイティブデバッガを中アプリによって行われた要求を見てみたかった、私の完全なコードは次のとおりです。

/** 
* When the debugger is connected, remove the XHR polyfill 
* so that the chrome inspector will be able to see requests 
*/ 
if (typeof global.__REMOTEDEV__ !== 'undefined') { 
    const _XHR = GLOBAL.originalXMLHttpRequest ? 
     GLOBAL.originalXMLHttpRequest : 
     GLOBAL.XMLHttpRequest; 

    global.XMLHttpRequest = _XHR; 
}