リモートデバッグconsole.log

Question

問題：Ionic2アプリケーションを開発する際に、私のIPhoneで生成されたconsole.logメッセージを見たいと思いますが、Macを持っていないか、Webインスペクタが見つかりました機能は吸う。

これは、Angular/ionicだけでなく、あらゆる種類のリモートjavascriptに適用できます。

これはQです&私は多くの人々にとって非常に有用だと思うので、私は以下の答えを提供することを意味するスタイルの質問。

Answer 1

解決策はjavascriptのフックで、すべてのconsole.logとエラーを傍受し、それらをサーバーに送信します。

あなたのindex.htmlページに置き、次のコード：サーバー側で

<script> 
// Function that will call your webserver 
logToServer = function(consoleMsg) { 
    // only do this if on device 
    if (window.cordova) { 
     let jsonTxt = customStringify(consoleMsg); 
     var xmlHttp = new XMLHttpRequest(); 
     xmlHttp.open("GET", 'http://yourserver/console2server.php?msg=' + jsonTxt, true); //async 
     xmlHttp.send(null); 
    } 
} 

// Test if you receive this on the server 
logToServer("OPENING IONIC APP"); 

// intercept console logs 
(function() { 
    var oldLog = console.log; 
    console.log = function (message) { 
     // DO MESSAGE HERE. 
     logToServer(message); 
     oldLog.apply(console, arguments); 
    }; 
})(); 

// intecept errors 
if (window && !window.onerror) { 
    window.onerror = function (errorMsg, url, lineNumber, column, errorObj) { 
     logToServer(errorMsg); 
     logToServer(errorObj); 
     return false; 
    } 
} 

// this is optional, but it avoids 'converting circular structure' errors 
customStringify = function (inp) { 
    return JSON.stringify(inp, function (key, value) { 
     if (typeof value === 'object' && value !== null) { 
      if (cache.indexOf(value) !== -1) { 
       // Circular reference found, discard key 
       console.log("circular dep found!!"); 
       return; 
      } 
      // Store value in our collection 
      cache.push(value); 
     } 
     return value; 
    }); 
} 
</script> 

、私はPHPを使用しますが、あなたが欲しいものは何でも使用することができます

<?php 
//allow CORS request 
header('Access-Control-Allow-Origin: *'); 

if(isset($_GET['msg'])) { 
    //you can also log to a file or whatever, I just log to standard logs 
    error_log("[CONSOLE.LOG] ".json_decode($_GET['msg'], true)); 
} 
?> 

ハッピーデバッグを！