Tingkatkan ukuran font konsol chrome

Bagaimana cara meningkatkan ukuran font di konsol chrome?

Tampaknya Paul Irish melakukannya:

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

MEMPERBARUI

Berikut beberapa tip tentang cara menyesuaikan tema: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

Jika Anda hanya membutuhkan tonjolan ukuran sementara yang cepat, Anda dapat menekan Ctrl +/ -untuk memperbesar dan Ctrl 0mengatur ulang.

Berikut adalah posting blog terbaru tentang masalah ini.

Pada dasarnya, timpa Default/User StyleSheets/Custom.cssdi direktori pengguna Anda dengan sesuatu seperti:

/* 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. Buka Browser
2. Buka Konsol.
3. Tekan Ctrl+.

Saya harap ini akan membantu Anda

Jika Anda menggunakan Mac, menggunakan keyboard Jepang, dan ingin memperbesar konsol untuk sementara waktu, pintasannya adalah:

Perbesar: ⌘ ^

Perkecil: ⌘ -

Atur Ulang Zoom: ⌘ 0

Aplikasi lain digunakan +untuk memperbesar, tetapi karena pada keyboard Jepang tanda plus ada di tingkat kedua, itu hanya dapat diakses dengan shift. Begitu:⌘ ⇧ +

Itulah yang menjadi aneh, karena Chrome ⌘ ⇧ +tampaknya berarti "Konten Zoom". Jika Anda berada di konsol Javascript, dan melakukannya ⌘ ⇧ +, area konten jendela diperbesar. Tetapi melakukan Zoom-out akan ⌘ -memindahkan fokus kembali ke konsol dan memperkecilnya. Hasil: Konten semakin besar, konsol semakin kecil. Aaarggghhh .

Windows 7, Google Chrome 19.0.1084.46 m

Metode dengan memodifikasi "User StyleSheets / Custom.css" tidak berhasil pada saya, tetapi Ctrl + "+" berhasil :-)

INI SEDANG - Lihat jawaban @ TinyJaguar. Anda sekarang dapat menggunakan Command- + jika Anda telah memilih sesuatu di konsol pengembang.

Jika Anda ingin meningkatkan ukuran font di konsol Javascript, Anda memerlukan beberapa ukuran font tertentu. Ini sedikit lebih rumit daripada hanya mengatur ukuran font untuk sumber:

.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;
}

Saya telah membuat plugin kecil yang menyediakan pengaturan editor koleksi untuk Alat Pengembang Chrome, termasuk kemampuan untuk mengontrol ukuran font secara bertahap .

1. Pasang ekstensi Chrome DevTools Author dari Toko Web Chrome
2. Aktifkan eksperimen Alat Pengembang di chrome: // flags / # enable-devtools-eksperimen. Mulai ulang Chrome agar bendera diterapkan.
3. Buka DevTools (cmd + opt + I); Pengaturan> Eksperimen> centang Izinkan tema UI khusus.

Ini akan menambahkan panel 'Pengaturan Penulis' ke Alat Pengembang Chrome, tempat Anda dapat mengontrol ukuran font secara bertahap, dari 10px - 22px

Jika Anda seperti saya, CMD+ +tidak berfungsi untuk Anda karena ini mengalihkan Anda ke tab pertama (meskipun Anda punyaEnable ⌘ + 1-9 shortcut to switch panels mematikannya).

Dalam hal ini, buka Dev Tools, Undock into separate window lalu buka View --> Zoom indi Bilah Menu Chrome. Voilà!

Setelah Anda menyambungkan Alat Dev kembali ke jendela browser, View --> Zoom insebenarnya akan meningkatkan ukuran font di jendela browser, tetapi selama Alat Dev tidak dicolokkan, itu menargetkan Alat Dev yang tidak dicolokkan.

Catatan: Dari dalam DevTools, Anda harus membuka Tab Elemen untuk menyesuaikan ukuran font dengan menggunakan "Ctrl +/-." Untuk beberapa alasan, ini tidak dapat dilakukan di tab lain.

Di versi Chrome yang lebih baru, Anda dapat dengan mudah mengubah ukuran font font di Alat Pengembang.

1. Buka Alat Pengembang
2. Klik baris mana pun di kode sumber
3. Tekan Ctrl + + untuk memperbesar ukuran font atau Ctrl + - untuk memperkecil ukuran font

Saya tahu ini sudah lama, tetapi solusi sederhana yang saya temukan adalah meningkatkan min. font sizepengaturan dan itu akan menjaga ukuran font di chrome debugger.

Cara cepat lain untuk mengubah ukuran font di alat Chrome Dev secara permanen: Settings-> Show Advanced Settings-> Web Content: ubah persentase Zoom Halaman.

Inilah hasilnya: http://i.imgur.com/Puzduo9.png

Jika Anda menggunakan MacBook pro 2017 yang lebih baru, Anda cukup menggunakan perintah => shift => + atau - semua ditekan sekaligus.

Di MacO, jika tombol Anda 0atau +atau -berada di level kedua, mengetik ⌘ ⇧ +tidak akan berfungsi. Dalam kasus seperti itu, Anda perlu menggunakan capslock ⇪, lalu Anda dapat mengetik ⌘ +dan⌘ 0

Jika Anda menggunakan laptop, Anda dapat melakukannya hanya dengan trackpad laptop Anda.

Ketuk trackpad Anda dengan satu jari (jangan lepaskan dulu) lalu gulir ke atas atau ke bawah dengan jari lain untuk menambah atau mengurangi ukuran font.

Pastikan saja panel alat pengembang fokus. Menguji dan mengerjakan HP Pavilion, Windows 8 saya.

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