Console.log () ve console.debug () arasındaki fark nedir?

145

"Console.debug" araması, üzerinde "konsol" ve "hata ayıklama" kelimelerini içeren bir grup sayfa getirdiğinden Google benim için yararlı olmadı.

Ben fark arasındaki farkın ne olduğunu merak ediyorum console.log()ve console.debug(). Bir grup console.debug()deyimi kullanmanın ve sonra tüm hata ayıklama deyimlerini konsola gönderilmesini kolayca kapatmak için bir anahtar çevirin (bir siteyi başlattıktan sonra olduğu gibi)?

— CaptSaltyJack
kaynak

— Console.log

Renk koyabilirsiniz. console.log ('% c Örnek Metin', 'renk: yeşil;'); Veya şu metni kullanarak metne biraz VAR ekleyin: console.log (`` Sample $ {variable} `, 'color: green;');

— Gilberto B. Terra Jr.

74

En azından IE, Firefox ve Chrome konsolları için .debug (), geliştirilmiş uyumluluk için yalnızca .log () için bir takma addır

https://developer.mozilla.org/en-US/docs/Web/API/console

https://developers.google.com/chrome-developer-tools/docs/console-api#consoledebugobject_object

https://msdn.microsoft.com/en-us/library/ie/hh772183(v=vs.85).aspx

— Pete TNT
kaynak

55

Chrome'da debug()mavi ve log()siyah renkte çıkıyor

— Simon_Weaver

38

Log () üzerinde ciddi bir gelişme.

— Vael Victus

32

Gönderen developer.mozilla.org/en-US/docs/Web/API/console : console.debug () - Not: Krom 58 seviye "Ayrıntılı" seçildiğinde sadece Krom tarayıcı konsolları görünen bu yöntem başlayarak.

— cilf

Chrome'da Hata Ayıklama Kullanma: Hata Ayıklama

— Çağrısına

103

Teknik olarak console.log console.debugve console.infoaynılar Ancak verileri görüntüleme şekilleri biraz farklı

console.log Simge olmayan siyah renkli metin

console.info Mavi renkli metin simgesi

console.debug Saf siyah renkli metin

console.warn Sarı renkli metin simgesi

console.error Kırmızı renkli metin simgesi

var playerOne = 120;
var playerTwo = 130;
var playerThree = 140;
var playerFour = 150;
var playerFive = 160;

console.log("Console.log" + " " +  playerOne);
console.debug("Console.debug" + " " +playerTwo);
console.warn("Console.warn" + " " + playerThree);
console.info("Console.info" + " " + playerFour);
console.error("Console.error" + " " + playerFive);

— Prabhakar Undurthi
kaynak

Google Chrome tarayıcısında infodüzey günlükleri yalnızca bir simge ile (anlık görüntüdeki gibi) gösterilir, ancak metin ( console.infoyayınınızdaki metin) siyah renktedir ve satırın arka plan rengi beyazdır. Muhtemelen firefox tarayıcısı için anlık görüntünüz.

— RBT

3

Cevabınız için teşekkürler, ekran görüntüsüyle çok net. Yine de sormalıyım, neden dize birleştirme? Neden sadece console.log("Console.log");yerine console.log("Console.log" + " " + playerOne);? Ne yapar " " + playerOne?

— hofnarwillie

console.log("Console.log"); console.debug("Console.debug"); console.warn("Console.warn");  console.info("Console.info");  console.error("Console.error");

— Konsolumda

37

Neredeyse aynıdırlar - tek fark, hata ayıklama mesajlarının Chrome'un son sürümlerinde varsayılan olarak gizlenmesidir ( Verbosehata ayıklama mesajlarını görmek için konsoldayken günlük düzeyini Devtools üst çubuğunda olarak ayarlamanız gerekir ; günlük mesajları varsayılan olarak görünürdür).

— user2486570
kaynak

2

Merhaba, bu doğru görünüyor, ancak bu davranış hakkında herhangi bir bilgi bulamıyorum. Krom dokümanlar bugün itibariyle şey değil.

— oligofren

3

Şimdi nihayet "konsolun üst kısmında Verbose olarak günlük seviyesini ayarla" yı anladım. Yani Dev Tools'da altta bir konsol var. Bu bölümün üstünde, Filtre ve çerçeve seçici ile birlikte, günlükler için bir ayrıntı düzeyi açılır menüsü de vardır ("Bilgi" olarak önceden ayarlanmıştır)

— oligofren

1

Bu en alakalı cevaptır. Herkes renklerden bahseder, ancak bu IMO daha önemlidir.

— DurkoMatko

15

console.info, console.debugyöntemler aynıdır console.log.

console.log Baskı bildirimi
console.info "İ" simgesi mavi renkli siyah renkli metin
console.debug Mavi Renkli metin

Belgeler:

— Venkat
kaynak

Console.info mavi renk, konsol yazdırır. Sarı renk ve

— konsol

Chrome 52.0.2743.82 Console.Info'da mavi simge ile siyah renkte, Console.warn'ı sarı simge konsolu ile siyah renkte test ettim. Hata kırmızı simge ile kırmızı renkte yazdırılıyor

— Venkat

lütfen düzenlemek buna göre bu yüzden upvote veya kaldır downvote ki Cevabınız, "i" simgesi baskılı metinden önce console.info () kullanırken renkli mavi fark ettiniz

— shivgre

2

Bir ürün bittikten sonra günlüğe kaydetmeyi devre dışı bırakmak istiyorsanız, console.debug()işlevi geçersiz kılabilir veya başka bir özel işlev oluşturabilirsiniz.

console.debug = function() {
    if(!console.debugging) return;
    console.log.apply(this, arguments);
};

console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});

Foo▸ {yaş: 41, isim: "Jhon Doe"}

console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});

Çıktı yok

Ancak çıkışları da renklendirmenin bir yolunu bulmadım.

— Espen MS
kaynak

1

Tarayıcıların Dokümantasyonundan log, debugve infoyöntemleri de uygulama açısından aynıdır, ancak renk ve simgeye göre değişir

https://jsfiddle.net/yp4z76gg/1/

— Venkat
kaynak

1

Bu bir yorum olmalı ya da OP ve diğerlerini anlamak için her ikisinin de nasıl özdeş olduğu ya da hiçbir farkı olmadığına dair cevapla daha fazla açıklama eklemelidir.Teşekkürler

— ρяσѕρєя K