1. 程式人生 > >html5 開啟除錯模式和關閉除錯模式

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]