快速刪除項目中的輸出日志console.log


項目開發時,控制台往往有許多忘記刪除或注釋掉的輸出日志。但是上線后總不能一個一個刪吧,最近總結出幾個解決思路

  重寫console.log方法,使其失去 輸出能力

這個最直接有效,用vue框架的話放在main.js中或者index.html中即可。多頁面的話可以放在一個全局js中。缺點:有時候捕獲的錯誤是想打印出來的,結果也被屏蔽了。

console.log = function () {};

  改進版

var log = console.log; // 不屏蔽
var log1 = function () {}; // 屏蔽
console.log = function () {
  if(arguments[0] instanceof Error){
    log(...arguments);
  }else{
    log1(...arguments);
  }
}

  后面的開發可以考慮下面的設計。

開發的時候,先將console.log賦值給log變量,后面使用的時候用log輸出,上線的時候只需要將log函數改寫成一個空函數就可以了。而上線后像仍需要打印的用console.log輸出。這樣就可以有選擇的屏蔽和輸出了

var log = console.log; // 平時開發用這個,寫法簡單,上線時替換成下一行就屏蔽掉了
// var log = function () {}; // 上線時改成這個屏蔽輸出

// 例如:
log("暫時打印使用這個函數,寫法簡單,后期還能屏蔽掉,媽媽再也不怕忘了刪除打印日志了");
console.log("不想屏蔽的輸出,例如捕獲的錯誤等");

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM