移动 web 开发调试工具 AlloyLever 介绍

In 未分类 on 2016年05月10日 by TAT.dnt view: 9,398

web 调试有几个非常频繁的刚需：看 log、看 error、看 AJAX 发包与回包。其他的如 timeline 和 cookie 以及 localstorage 就不是那么频繁，但是 AlloyLever 都支持。如你所见：

AJAX 抓取：

可以通过 npm 安装:

1	npm install alloylever

你的页面只需要引用一个 js 即可！

1	<script src="alloylever.js"></script>

但是需要注意的是，该 js 必须引用在其他脚本之前。至于为什么，看下面的原理。

window.console = {

wc: window.console

};

var self = this;

['log', 'error', 'warn', 'debug', 'info'].forEach(function (item) {

console[item] = function (msg) {

this.wc[item](msg);

self.log(msg, item);

}

});

重写了 console 方法，并且保存下 window 下真正的方法进行执行，并且注入自己的事件。

var XHR = window.XMLHttpRequest;

window.XMLHttpRequest=function(){

var xhr = new XHR();

checkSuccess(xhr);

AlloyTeam