http://console.re/

https://github.com/kurdin/console-remote

前文提到在手机微信上调试代码很痛苦,看不到日志。为了看到日志,得把日志发到服务器,再搞个东西看服务器上的日志。console.re 就是这么一个服务。

主要使用步骤如下:

  1. 在html文件中引入
    <script src="http://console.re/connector.js" data-channel="<your-channel-name>" id="consolerescript"></script>
  2. console.re.log('...');记录日志
  3. 打开 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);
}
};

最新文章

  1. React反模式 —— 如何不使用JSX地动态显示组件
  2. 关于CocoaPods update/CocoaPods install 慢、没反应、卡住的解决方案(Pods升级步骤)
  3. (WPF, MVVM) Event 处理
  4. ExtJs之VTYPE验证
  5. lintcode:哈希函数
  6. 1015. Reversible Primes (20)
  7. mac osx App store 安装软件 发生错误
  8. 随手记UIKit Dynamics
  9. TensorFlow —— Demo
  10. Python 字符串大小写操作
  11. 简单模拟一下ab压力测试
  12. Linux0.11进程分配时间片的策略
  13. 你不知道的JavaScript--Item29 DOM基础详解
  14. 微信小程序自动化测试实践
  15. TeamCity 创建docker构建步骤
  16. bzoj1688
  17. CSS3 filter(滤镜)
  18. 数组toString()方法,数组常用操作
  19. R语言三元相图的做法
  20. json.dumps与json.loads实例

热门文章

  1. SharePoint 2013 Backup Farm Automatically With a Powershell and Windows Task Schedule
  2. struts系列:校验(二)自定义校验器
  3. U811.1接口EAI系列之二-BOM构成-委外BOM构成--VB语言
  4. Linux磁盘IO监控[zz]
  5. linux php7.1 安装redis扩展
  6. php实现文件下载代码一例
  7. [svc]linux正则及grep常用手法
  8. 分布式缓存Memcache和Redis
  9. JVM 类加载机制详解
  10. mysql备份的三种方式详解