html5 开启调试模式和关闭调试模式

html5 开启调试模式和关闭调试模式

最近入手h5，前后台都是我负责，调试接口的时候，老需要写alert(),和console.log()来调试后台返回的结果，所以界面出现了很多的弹出框。上线之前又必须将这些弹出框提示给注解掉。接口变更的时候，又需要重新调试。联想到以前做app的经验，突然来了灵感。不知道别人发现没，有可能是我献丑啦。
废话不说，直接上码，再说原理。

/*0 DEBUG模式开关 */ 
var DEBUG = 1; //只需要手动设置DEBUG = 1（开启调试模式） 或者 DEBUG = 0（关闭调试模式,上线模式）
if(DEBUG !=1 ){
    window.console.log = function(msg1){
        //改写方法，使其不输出
    };
    window.alert =  function(msg2){
        //改写方法，使其不弹出提示;
    };
}

这段代码可以加在项目自定义的js文件最顶部，或者直接放在jquer.js文件的最顶部。其实就是判断项目是否处于调试模式，调试模式（DEBUG =1），alert()和console.log()继续发挥作用；非调试模式，将会修改alert()和console.log()方法。使其不输出和不弹出提示。
亲测可用，同样的也可以应用到jsp等前端界面中。要是使用发现问题，可随时@我。也可邮件联系，[email protected]