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等前端界面中。要是使用发现问题,可随时@我。也可邮件联系,648695686@