Yazı tipi boyutunu artırma krom konsolu

Chrome konsolunda yazı tipi boyutunu nasıl artırabilirim?

Görünüşe göre Paul Irish yaptı:

http://www.youtube.com/watch?v=4mf_yNLlgic

GÜNCELLEME

Temanın nasıl özelleştirileceğine ilişkin bazı ipuçları: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Yalnızca hızlı, geçici bir boyut artışına ihtiyacınız varsa, yakınlaştırmak ve sıfırlamak için Ctrl +/ düğmesine basabilirsiniz .-Ctrl 0

İşte konuyla ilgili oldukça yeni bir blog yazısı .

Temel olarak, geçersiz kılmak Default/User StyleSheets/Custom.cssiçin de kullanıcı dizininde gibi bir şeyle:

/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
    font-size: 11px !important;
    font-family: Menlo, monospace;
}

body.platform-windows .monospace, body.platform-windows .source-code {
    font-size: 12px !important;
    font-family: Consolas, Lucida Console, monospace;
}

body.platform-linux .monospace, body.platform-linux .source-code {
    font-size: 11px !important;
    font-family: dejavu sans mono, monospace;
}

1. Tarayıcı aç
2. Konsolu açın.
3. Tuşuna basın Ctrl+.

Umarım bu sana yardımcı olur

Mac kullanıyorsanız, Japonca klavye kullanıyorsanız ve konsolu geçici olarak yakınlaştırmak istiyorsanız kısayollar şunlardır:

Yakınlaştır: ⌘ ^

Uzaklaştır: ⌘ -

Yakınlaştırmayı Sıfırla: ⌘ 0

Diğer Uygulamalar +yakınlaştırmak için kullanıyor , ancak Japon klavyelerde artı işareti ikinci seviyede olduğu için, yalnızca vardiya ile erişilebilir. Yani:⌘ ⇧ +

İşin tuhaf olduğu yer burası, çünkü Chrome için ⌘ ⇧ +"İçeriği Yakınlaştır" anlamına geliyor. Javascript konsolundaysanız ve yapıyorsanız ⌘ ⇧ +, pencerenin içerik alanı yakınlaştırılır. Ancak Uzaklaştırma yapmak ⌘ -, odağı konsola geri taşır ve uzaklaştırır. Sonuç: İçerik büyüyor, konsol küçülüyor. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

"Kullanıcı Stil Sayfaları / Özel.css" yi değiştirme yöntemi bende işe yaramadı, ancak Ctrl + "+" çalıştı :-)

BU ESKİDİR - @ TinyJaguar'ın cevabına bakın. Geliştirici konsolunda bir şey seçtiyseniz, artık sadece Command- + kullanabilirsiniz.

Javascript konsolunda yazı tipi boyutunu artırmak istiyorsanız, belirli yazı tipi boyutlarına ihtiyacınız vardır. Kaynak için yazı tipi boyutunu ayarlamaktan biraz daha zordur:

.source-code {
    font-size: 16px !important;
    font-family: monospace;
}

.console-prompt {
    font-size: 16px !important;
    font-family: monospace;
}

.console-message-text {
    font-size: 16px !important;
    font-family: monospace;
}

.monospace {
    font-size: 16px !important;
    font-family: monospace;
}

#elements-content {
  font-size: 16px !important;
}

Yazı tipi boyutunu aşamalı olarak kontrol etme yeteneği de dahil olmak üzere, Chrome Geliştirici Araçları için bir koleksiyon düzenleyici ayarları sağlayan küçük bir eklenti oluşturdum .

1. DevTools Author Chrome uzantısını Chrome Web Mağazasından yükleyin
2. Chrome: // flags / # enable-devtools-experiments içindeki Geliştirici Araçları deneylerini etkinleştirin. İşaretlerin etkili olması için Chrome'u yeniden başlatın.
3. Açık DevTools (cmd + opt + I); Ayarlar> Deneyler> Özel kullanıcı arayüzü temalarına izin ver seçeneğini işaretleyin.

Bu, Chrome Geliştirici Araçlarına bir 'Yazar Ayarları' paneli ekleyecektir; burada yazı tipi boyutunu 10 piksel - 22 piksel arasında kademeli olarak kontrol edebilirsiniz.

Benim gibiyseniz, CMD+ +sizin için çalışmıyor çünkü bunun yerine sizi ilk sekmeye geçiriyor ( Enable ⌘ + 1-9 shortcut to switch panelskapatmış olsanız bile ).

Peki, bu durumda, Geliştirme Araçları'nı açın Undock into separate windowve ardından View --> Zoom inChrome Menü Çubuğu'na gidin. Voilà!

Dev Tools'u tarayıcı penceresine geri yerleştirdiğinizde View --> Zoom in, aslında bir tarayıcı penceresindeki yazı tipi boyutunu artıracaktır, ancak Dev Tools kaldırıldığı sürece, yerleştirilmemiş Geliştirme Araçlarını hedefler.

Not: DevTools içinde, yazı tipi boyutunu "Ctrl +/-" kullanarak ayarlamak için Öğeler Sekmesini açmanız gerekir. Bazı nedenlerden dolayı diğer sekmelerde yapılamaz.

Chrome'un daha yeni sürümünde, yazı tipinin yazı tipi boyutunu Geliştirici Araçları'nda kolayca değiştirebilirsiniz.

1. Geliştirici Araçlarını Aç
2. Kaynak koddaki herhangi bir satıra tıklayın
3. Yazı tipi boyutunu büyütmek için Ctrl + + veya küçültmek için Ctrl + - tuşlarına basın

Bunun çok eski olduğunu biliyorum, ancak bulduğum basit çözüm min. font size, ayarları artırmak ve bu, krom hata ayıklayıcıdaki yazı tipi boyutuna dikkat edecek.

Chrome Dev araçlarında yazı tipi boyutunu kalıcı olarak değiştirmenin başka bir hızlı yolu: Settings-> Show Advanced Settings-> Web Content: Sayfa Yakınlaştırma yüzdesini değiştirin.

İşte sonuç: http://i.imgur.com/Puzduo9.png

Daha yeni bir MacBook pro 2017 kullanıyorsanız, komut => shift => + veya - tuşlarını aynı anda kullanabilirsiniz.

MacO'larda, anahtarınız 0veya +veya -ikinci seviyedeyse, yazmak ⌘ ⇧ +işe yaramaz. Böyle bir durumda, capslock kullanmanız gerekir ⇪ve ardından yazabilir ⌘ +ve⌘ 0

Bir dizüstü bilgisayar kullanıyorsanız, bunu yalnızca dizüstü bilgisayarınızın izleme dörtgeniyle yapabilirsiniz.

Bir parmağınızla izleme dörtgeninize dokunun (henüz bırakmayın), ardından yazı tipi boyutunu büyütmek veya küçültmek için başka bir parmağınızla yukarı veya aşağı kaydırın.

Geliştirme araçları panelinin odakta olduğundan emin olun. HP Pavilion, Windows 8 üzerinde test edildi ve üzerinde çalışılıyor.

 you can press Ctrl + / - to zoom and Ctrl 0