2016-04-27 31 views
7

Yaklaşık bir yıl önce konsol günlüklerini geliştirmek için bir eklenti oluşturdum, ana fikir konsoldaki görüntüleri basmaktı, örneğin bazı simgeleri veya glifleri ekleyebilirsiniz.google chrome konsolu, resim yazdır

Oldukça güzel çalışıyordu, şu anda internette mevcut olanların çoğunun olduğunu gördüm. Sorun şu ki bunların hiçbiri atm çalışmıyor.

Son krom güncellemesinden sonra bunu farkettim. Şu anda sürüm 49.0.2623.112 var. Ben dahil

bu eklentilerin tamamı

aynı şekilde çalışır: Örneğin

console.log("%c" + dim.string, dim.style + "background: url(" + url + "); background-size: " + (this.width * scale) + "px " + (this.height * scale) + "px; color: transparent;"); 

bu bir: plugin link on github

kimse biz krom yeni sürümlerinde konsoldaki görüntüleri yazdırabilirsiniz biliyor mu?

+0

, konsolda görüntüleme resimlerle ilgili yeni Therre hiçbir şeydir: https://developers.google.com/web/tools/chrome -devtools/debug/console/console-write # string-substitution-and-formatting –

+0

evet ama artık bir şey onları yazdırmak için mümkün değil oldu. – Mevia

cevap

11

konsol F12 bir kod örneği deneyin: en son belgelerde

console.log('%c ', 'font-size: 100px; background: url(http://cdn.nyanit.com/nyan2.gif) no-repeat;');

1

Aslında aynı soruna bakarken your console.image GitHub repository'a rastladım. Gönderi oldukça eski olmasına rağmen, Chrome Canary'da çalıştığı learned from the horse's mouth. Aslında, Canary'de your plugin demo'u denedim ve eğirme tavuğunu görebildim. Chrome'da neden birdenbire çalışmayı bıraktığını hala anlamadım. Özellik, Firefox için Firebug'da hala çalışır. Buradaki console.log() documentation for Chrome sadece metin tabanlı stilleri gösterir.

Görüntüyü ilk yükledikleri bir SO example bulduktan sonra console.log("%c....", "..."); kullanarak stili uygulayabilirsiniz. Ne yazık ki, bu hala "standart" Chrome'da çalışmadı.

Yani, kısa cevap, şu anda konsoldaki görüntüleri desteklediği için Kanarya'a benziyor.

İlgili konular