http://console.re/
https://github.com/kurdin/console-remote
前文提到在手机微信上调试代码很痛苦,看不到日志。为了看到日志,得把日志发到服务器,再搞个东西看服务器上的日志。console.re 就是这么一个服务。
主要使用步骤如下:
- 在html文件中引入
<script src="http://console.re/connector.js" data-channel="<your-channel-name>" id="consolerescript"></script>
- 用
console.re.log('...');
记录日志 - 打开 http://console.re/ 看日志
例子:
<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>logtest</title> <script src="http://console.re/connector.js" data-channel="trylog" id="consolerescript"></script> </head> <body> <h1>See the log: <a href="http://console.re/trylog" target="_blank">http://console.re/trylog</a></h1> <h1><a href="javascript:test()">click me to add log</a></h1> <script> function test(){ console.re.log('remote log test'); return false; } </script> </body> </html>
写了个wrapper。根据是否有console.re来调用log。方便调试。
window.log = function(){ if(console.re){ console.re.log.apply(console.re,arguments); }else{ console.log.apply(console,arguments); } };