Bagaimana cara cepat dan mudah menonaktifkan semua pernyataan console.log dalam kode saya?

Apakah ada cara untuk mematikan semua console.logpernyataan dalam kode JavaScript saya, untuk tujuan pengujian?

Definisikan kembali fungsi console.log dalam skrip Anda.

console.log = function() {}

Itu saja, tidak ada lagi pesan untuk menghibur.

EDIT:

Memperluas gagasan Cide. Logger kustom yang dapat Anda gunakan untuk mengaktifkan / menonaktifkan log dari kode Anda.

Dari konsol Firefox saya:

var logger = function()
{
    var oldConsoleLog = null;
    var pub = {};

    pub.enableLogger =  function enableLogger() 
                        {
                            if(oldConsoleLog == null)
                                return;

                            window['console']['log'] = oldConsoleLog;
                        };

    pub.disableLogger = function disableLogger()
                        {
                            oldConsoleLog = console.log;
                            window['console']['log'] = function() {};
                        };

    return pub;
}();

$(document).ready(
    function()
    {
        console.log('hello');

        logger.disableLogger();
        console.log('hi', 'hiya');
        console.log('this wont show up in console');

        logger.enableLogger();
        console.log('This will show up!');
    }
 );

Bagaimana cara menggunakan 'logger' di atas? Dalam acara siap Anda, panggilan logger.disableLogger sehingga pesan konsol tidak dicatat. Tambahkan panggilan ke logger.enableLogger dan logger.disableLogger di dalam metode yang Anda ingin log pesan ke konsol.

Berikut ini lebih menyeluruh:

var DEBUG = false;
if(!DEBUG){
    if(!window.console) window.console = {};
    var methods = ["log", "debug", "warn", "info"];
    for(var i=0;i<methods.length;i++){
        console[methods[i]] = function(){};
    }
}

Ini akan nol metode umum di konsol jika ada, dan mereka dapat dipanggil tanpa kesalahan dan hampir tidak ada overhead kinerja. Dalam kasus browser seperti IE6 tanpa konsol, metode dummy akan dibuat untuk mencegah kesalahan. Tentu saja ada banyak fungsi lagi di Firebug, seperti jejak, profil, waktu, dll. Mereka dapat ditambahkan ke daftar jika Anda menggunakannya dalam kode Anda.

Anda juga dapat memeriksa apakah debugger memiliki metode khusus atau tidak (yaitu, IE) dan nol yang tidak didukung:

if(window.console && !console.dir){
var methods = ["dir", "dirxml", "trace", "profile"]; //etc etc
    for(var i=0;i<methods.length;i++){
        console[methods[i]] = function(){};
    }
}

Sejauh yang saya tahu dari dokumentasi , Firebug tidak menyediakan variabel apa pun untuk beralih status debug. Sebagai gantinya, bungkus console.log () dalam bungkus yang memanggilnya dengan syarat, yaitu:

DEBUG = true; // set to false to disable debugging
function debug_log() {
    if ( DEBUG ) {
        console.log.apply(this, arguments);
    }
}

Agar tidak harus mengubah semua panggilan yang ada, Anda dapat menggunakan ini sebagai gantinya:

DEBUG = true; // set to false to disable debugging
old_console_log = console.log;
console.log = function() {
    if ( DEBUG ) {
        old_console_log.apply(this, arguments);
    }
}

Anda tidak harus!

Ini bukan praktik yang baik untuk menimpa fungsi bawaan. Juga tidak ada jaminan bahwa Anda akan menekan semua output, perpustakaan lain yang Anda gunakan dapat mengembalikan perubahan Anda dan ada fungsi lain yang dapat menulis ke konsol; .dir(), .warning(), .error(), .debug(), .assert()Dll

Seperti yang disarankan beberapa orang, Anda bisa mendefinisikan DEBUG_MODEvariabel dan mencatatnya secara kondisional. Bergantung pada kompleksitas dan sifat kode Anda, mungkin ide yang baik untuk menulis objek / fungsi logger Anda sendiri yang membungkus objek konsol dan memiliki kemampuan ini bawaan. Itu akan menjadi tempat yang tepat untuk berurusan dengan instrumentasi .

Yang mengatakan, untuk tujuan 'pengujian' Anda dapat menulis tes daripada mencetak ke konsol. Jika Anda tidak melakukan pengujian apa pun, dan console.log()kalimat itu hanyalah bantuan untuk menulis kode Anda, cukup hapus saja .

Saya menyadari ini adalah posting lama tetapi masih muncul di bagian atas hasil Google, jadi di sini adalah solusi non-jQuery yang lebih elegan yang bekerja di Chrome, FF, dan IE terbaru.

(function (original) {
    console.enableLogging = function () {
        console.log = original;
    };
    console.disableLogging = function () {
        console.log = function () {};
    };
})(console.log);

Saya tahu Anda bertanya bagaimana cara menonaktifkan console.log, tetapi ini mungkin yang Anda cari. Dengan cara ini Anda tidak perlu mengaktifkan atau menonaktifkan konsol secara eksplisit. Itu hanya mencegah kesalahan konsol yang sial untuk orang-orang yang tidak membuka atau menginstalnya.

if(typeof(console) === 'undefined') {
    var console = {};
    console.log = console.error = console.info = console.debug = console.warn = console.trace = console.dir = console.dirxml = console.group = console.groupEnd = console.time = console.timeEnd = console.assert = console.profile = function() {};
}

Ubah saja flag DEBUGuntuk mengganti fungsi console.log. Ini harus melakukan trik.

var DEBUG = false;
// ENABLE/DISABLE Console Logs
if(!DEBUG){
  console.log = function() {}
}

Saya terkejut bahwa dari semua jawaban itu tidak ada yang menggabungkan:

• Tidak ada jquery
• Fungsi anonim untuk tidak mencemari namespace global
• Tangani case di mana window.console tidak didefinisikan
• Cukup modifikasi fungsi .log dari konsol

Saya akan lakukan ini:

(function () {

    var debug = false

    if (debug === false) {
        if ( typeof(window.console) === 'undefined') { window.console = {}; }
        window.console.log = function () {};
    }
})()

Setelah saya mencari masalah ini juga dan mencobanya di aplikasi cordova saya, saya hanya ingin memperingatkan setiap pengembang untuk windows phone untuk tidak menimpa

    console.log

karena aplikasi akan macet saat startup.

Itu tidak akan crash jika Anda mengembangkan lokal jika Anda beruntung, tetapi mengirimkan di toko itu akan mengakibatkan aplikasi crash.

Timpa saja

    window.console.log 

jika perlu.

Ini berfungsi di aplikasi saya:

   try {
        if (typeof(window.console) != "undefined") {
            window.console = {};
            window.console.log = function () {
            };
            window.console.info = function () {
            };
            window.console.warn = function () {
            };
            window.console.error = function () {
            };
        }

        if (typeof(alert) !== "undefined") {
            alert = function ()
            {

            }
        }

    } catch (ex) {

    }

Jika Anda menggunakan IE7, konsol tidak akan ditentukan. Jadi versi yang lebih ramah IE adalah:

if (typeof console == "undefined" || typeof console.log == "undefined") 
{
   var console = { log: function() {} }; 
}

Ini adalah gabungan dari jawaban dari SolutionYogi dan Chris S. Ini mempertahankan nomor baris console.log dan nama file. Contoh jsFiddle .

// Avoid global functions via a self calling anonymous one (uses jQuery)
(function(MYAPP, $, undefined) {
    // Prevent errors in browsers without console.log
    if (!window.console) window.console = {};
    if (!window.console.log) window.console.log = function(){};

    //Private var
    var console_log = console.log;  

    //Public methods
    MYAPP.enableLog = function enableLogger() { console.log = console_log; };   
    MYAPP.disableLog = function disableLogger() { console.log = function() {}; };

}(window.MYAPP = window.MYAPP || {}, jQuery));


// Example Usage:
$(function() {    
    MYAPP.disableLog();    
    console.log('this should not show');

    MYAPP.enableLog();
    console.log('This will show');
});

Jika Anda menggunakan Grunt, Anda dapat menambahkan tugas untuk menghapus / mengomentari pernyataan console.log. Karenanya konsol.log tidak lagi dipanggil.

https://www.npmjs.org/package/grunt-remove-logging-calls

Saya sudah menggunakan yang berikut untuk menangani masalah dia: -

var debug = 1;
var logger = function(a,b){ if ( debug == 1 ) console.log(a, b || "");};

Atur debug ke 1 untuk mengaktifkan debugging. Kemudian gunakan fungsi logger saat mengeluarkan teks debug. Ini juga diatur untuk menerima dua parameter.

Jadi, bukannya

console.log("my","log");

menggunakan

logger("my","log");

Saya telah menggunakan winston logger sebelumnya.

Saat ini saya menggunakan kode sederhana di bawah ini dari pengalaman:

1. Setel variabel lingkungan dari cmd / command line (pada Windows):

   cmd
   setx LOG_LEVEL info

Atau, Anda bisa memiliki variabel dalam kode Anda jika suka, tetapi di atas lebih baik.

2. Mulai ulang cmd / command line, atau, IDE / editor seperti Netbeans

3. Memiliki kode seperti di bawah ini:

   console.debug = console.log;   // define debug function
   console.silly = console.log;   // define silly function
   
   switch (process.env.LOG_LEVEL) {
       case 'debug':
       case 'silly':
           // print everything
           break;
   
       case 'dir':
       case 'log':
           console.debug = function () {};
           console.silly = function () {};
           break;
   
       case 'info':
           console.debug = function () {};
           console.silly = function () {};
           console.dir = function () {};
           console.log = function () {};
           break;
   
       case 'trace':   // similar to error, both may print stack trace/ frames
       case 'warn':    // since warn() function is an alias for error()
       case 'error':
           console.debug = function () {};
           console.silly = function () {};
           console.dir = function () {};
           console.log = function () {};
           console.info = function () {};
           break;
   }

4. Sekarang gunakan semua konsol. * Seperti di bawah ini:

   console.error(' this is a error message '); // will print
   console.warn(' this is a warn message '); // will print
   console.trace(' this is a trace message '); // will print
   console.info(' this is a info message '); // will print, LOG_LEVEL is set to this
   
   console.log(' this is a log message '); // will NOT print
   console.dir(' this is a dir message '); // will NOT print
   console.silly(' this is a silly message '); // will NOT print
   console.debug(' this is a debug message '); // will NOT print

Sekarang, berdasarkan pada pengaturan LOG_LEVEL Anda yang dibuat pada titik 1 (seperti, setx LOG_LEVEL logdan mulai ulang perintah), beberapa di atas akan dicetak, yang lain tidak akan mencetak

Harapan itu membantu.

Peringatan: Steker tak tahu malu!

Anda juga dapat menggunakan sesuatu seperti objek JsTrace saya untuk memiliki pelacakan modular dengan kemampuan "switching" tingkat modul untuk hanya mengaktifkan apa yang ingin Anda lihat pada saat itu.

http://jstrace.codeplex.com

(Juga memiliki paket NuGet, bagi mereka yang peduli)

Semua level default untuk "kesalahan", meskipun Anda dapat mematikannya "off". Padahal, saya tidak bisa memikirkan mengapa Anda TIDAK ingin melihat kesalahan

Anda dapat mengubahnya seperti ini:

Trace.traceLevel('ModuleName1', Trace.Levels.log);
Trace.traceLevel('ModuleName2', Trace.Levels.info);

Untuk lebih banyak dokumen, lihat Dokumentasi

T

Saya menemukan sedikit kode yang lebih maju di url JavaScript Tip ini: Bust and Disable console.log :

var DEBUG_MODE = true; // Set this value to false for production

if(typeof(console) === 'undefined') {
   console = {}
}

if(!DEBUG_MODE || typeof(console.log) === 'undefined') {
   // FYI: Firebug might get cranky...
   console.log = console.error = console.info = console.debug = console.warn = console.trace = console.dir = console.dirxml = console.group = console.groupEnd = console.time =    console.timeEnd = console.assert = console.profile = function() {};
}

Saya mengembangkan perpustakaan untuk usecase ini: https://github.com/sunnykgupta/jsLogger

Fitur:

1. Itu secara aman menimpa konsol.log.
2. Merawat jika konsol tidak tersedia (oh ya, Anda harus mempertimbangkannya juga.)
3. Menyimpan semua log (bahkan jika ditekan) untuk pengambilan nanti.
4. Menangani fungsi konsol utama seperti log, warn, error, info.

Terbuka untuk modifikasi dan akan diperbarui setiap kali muncul saran baru.

Ini harus mengganti semua metode window.console. Anda dapat meletakkannya di bagian paling atas dari bagian skrip Anda, dan jika Anda menggunakan kerangka PHP Anda hanya dapat mencetak kode ini ketika lingkungan aplikasi Anda sedang diproduksi, atau jika semacam bendera debug dinonaktifkan. Maka Anda akan memiliki semua log Anda dalam kode Anda bekerja di lingkungan pengembangan atau dalam mode debug.

window.console = (function(originalConsole){
    var api = {};
    var props = Object.keys(originalConsole);
    for (var i=0; i<props.length; i++) {
        api[props[i]] = function(){};
    }
    return api;
})(window.console);

Saya menulis ini:

//Make a copy of the old console.
var oldConsole = Object.assign({}, console);

//This function redefine the caller with the original one. (well, at least i expect this to work in chrome, not tested in others)
function setEnabled(bool) {
    if (bool) {
        //Rewrites the disable function with the original one.
        console[this.name] = oldConsole[this.name];
        //Make sure the setEnable will be callable from original one.
        console[this.name].setEnabled = setEnabled;
    } else {
        //Rewrites the original.
        var fn = function () {/*function disabled, to enable call console.fn.setEnabled(true)*/};
        //Defines the name, to remember.
        Object.defineProperty(fn, "name", {value: this.name});
        //replace the original with the empty one.
        console[this.name] = fn;
        //set the enable function
        console[this.name].setEnabled = setEnabled

    }
}

Sayangnya itu tidak berfungsi saat menggunakan mode ketat.

Jadi menggunakan console.fn.setEnabled = setEnableddan kemudian di console.fn.setEnabled(false)mana fnbisa hampir semua fungsi konsol. Untuk kasus Anda adalah:

console.log.setEnabled = setEnabled;
console.log.setEnabled(false);

Saya menulis ini juga:

var FLAGS = {};
    FLAGS.DEBUG = true;
    FLAGS.INFO = false;
    FLAGS.LOG = false;
    //Adding dir, table, or other would put the setEnabled on the respective console functions.

function makeThemSwitchable(opt) {
    var keysArr = Object.keys(opt);
    //its better use this type of for.
    for (var x = 0; x < keysArr.length; x++) {
        var key = keysArr[x];
        var lowerKey = key.toLowerCase();
        //Only if the key exists
        if (console[lowerKey]) {
            //define the function
            console[lowerKey].setEnabled = setEnabled;
            //Make it enabled/disabled by key.
            console[lowerKey].setEnabled(opt[key]);
        }
    }
}
//Put the set enabled function on the original console using the defined flags and set them.
makeThemSwitchable(FLAGS);

demikian maka Anda hanya perlu memasukkan FLAGSnilai default (sebelum menjalankan kode di atas), seperti FLAGS.LOG = falsedan fungsi log akan dinonaktifkan secara default, dan Anda masih bisa mengaktifkannya memanggilconsole.log.setEnabled(true)

Solusi komprehensif saya untuk menonaktifkan / menimpa semua console.*fungsi ada di sini .

Tentu saja, pastikan Anda memasukkannya setelah memeriksa konteks yang diperlukan. Misalnya, hanya termasuk dalam rilis produksi, itu tidak mengebom komponen penting lainnya dll.

Mengutipnya di sini:

"use strict";
(() => {
  var console = (window.console = window.console || {});
  [
    "assert", "clear", "count", "debug", "dir", "dirxml",
    "error", "exception", "group", "groupCollapsed", "groupEnd",
    "info", "log", "markTimeline", "profile", "profileEnd", "table",
    "time", "timeEnd", "timeStamp", "trace", "warn"
  ].forEach(method => {
    console[method] = () => {};
  });
  console.log("This message shouldn't be visible in console log");
})();

Jika Anda menggunakan tegukan, maka Anda dapat menggunakan plugin ini :

Instal plugin ini dengan perintah:

npm install gulp-remove-logging

Selanjutnya, tambahkan baris ini ke gulpfile Anda:

var gulp_remove_logging = require("gulp-remove-logging");

Terakhir, tambahkan pengaturan konfigurasi (lihat di bawah) ke gulpfile Anda.

Konfigurasi Tugas

gulp.task("remove_logging", function() {
     return gulp.src("src/javascripts/**/*.js")
    .pipe(
      gulp_remove_logging()
    )
    .pipe(
      gulp.dest(
        "build/javascripts/"
      )
    ); });

Penyederhanaan https://stackoverflow.com/a/46189791/871166

switch (process.env.LOG_LEVEL) {
  case 'ERROR':
    console.warn = function() {};
  case 'WARN':
    console.info = function() {};
  case 'INFO':
    console.log = function() {};
  case 'LOG':
    console.debug = function() {};
    console.dir = function() {};
}

Anda dapat menggunakan javascript AOP (mis. Jquery-aop ) untuk mencegat semua panggilan ke console.debug / log (sekitar) dan tidak melanjutkan dengan permintaan aktual jika beberapa variabel global disetel ke false.

Anda bahkan bisa melakukan panggilan ajax (sekarang dan kemudian) sehingga Anda dapat mengubah perilaku yang diaktifkan / dinonaktifkan log di server yang bisa sangat menarik untuk mengaktifkan debug ketika menghadapi masalah dalam lingkungan pementasan atau semacamnya.

Anda dapat menggunakan logeek , Ini memungkinkan Anda untuk mengontrol visibilitas pesan log Anda. Inilah cara Anda melakukannya:

<script src="bower_components/dist/logeek.js"></script>

logeek.show('security');

logeek('some message').at('copy');       //this won't be logged
logeek('other message').at('secturity'); //this would be logged

Anda juga logeek.show('nothing')dapat menonaktifkan sepenuhnya setiap pesan log.

Setelah melakukan riset dan pengembangan untuk masalah ini, saya menemukan solusi ini yang akan menyembunyikan peringatan / Kesalahan / Log sesuai pilihan Anda.

    (function () {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function () {        
        console.warn = function () { };
        window['console']['warn'] = function () { };
        this.addEventListener('load', function () {                        
            console.warn('Something bad happened.');
            window['console']['warn'] = function () { };
        });        
    };
})();

Tambahkan kode ini sebelum plugin JQuery (misalnya /../jquery.min.js) meskipun ini adalah kode JavaScript yang tidak memerlukan JQuery. Karena beberapa peringatan ada di JQuery itu sendiri.

Terima kasih!!

Saya menulis solusi ES2015 (hanya digunakan dengan Webpack ).

class logger {
  static isEnabled = true;

  static enable () {
    if(this.constructor.isEnabled === true){ return; }

    this.constructor.isEnabled = true;
  }

  static disable () {
    if(this.constructor.isEnabled === false){ return; }

    this.constructor.isEnabled = false;
  }

  static log () {
    if(this.constructor.isEnabled === false ) { return; }

    const copy = [].slice.call(arguments);

    window['console']['log'].apply(this, copy);
  }

  static warn () {
    if(this.constructor.isEnabled === false ) { return; }

    const copy = [].slice.call(arguments);

    window['console']['warn'].apply(this, copy);
  }

  static error () {
    if(this.constructor.isEnabled === false ) { return; }

    const copy = [].slice.call(arguments);

    window['console']['error'].apply(this, copy);
  }
}

Deskripsi:

1. Bersamaan dengan logger.enable dan logger.disable Anda dapat menggunakan metode console. ['Log', 'warn', 'error'] juga menggunakan kelas logger.
2. Dengan menggunakan kelas logger untuk menampilkan, mengaktifkan atau menonaktifkan pesan membuat kode jauh lebih bersih dan terawat.
3. Kode di bawah ini menunjukkan kepada Anda cara menggunakan kelas logger:
   • logger.disable() - Nonaktifkan semua pesan konsol
   • logger.enable() - aktifkan semua pesan konsol
   • logger.log('message1', 'message2') - bekerja persis seperti console.log.
   • logger.warn('message1', 'message2') - Bekerja persis seperti console.warn.
   • logger.error('message1', 'message2')- Bekerja persis seperti console.error. Selamat coding ..