Halo, Kayce. Kembali lagi untuk mendapatkan ringkasan lain guna memberi tahu Anda tentang fitur baru di DevTools sejak bulan lalu.
Fitur baru di Konsol
Di Chrome 56, yang saat ini dalam Canary, DevTools Console didukung oleh CodeMirror. Hal ini memungkinkan banyak fitur baru, seperti:
Sintaksis yang ditandai saat Anda mengetik. Sebelumnya, DevTools hanya dapat menandai sintaksis setelah blok kode dievaluasi.
Tanda kurung / tanda kurung / tanda kurung buka yang cocok. Jika Anda mendapatkan tanda kurung tambahan, tanda kurung siku, atau tanda kurung kurawal, DevTools akan menandainya dengan warna merah.
Tanda kurung, tanda kurung siku, atau tanda kurung kurawal yang cocok akan ditandai dengan warna abu-abu jika kursor berada di sebelah salah satunya.
Smart return. Saat Anda mengetik blok kode multibaris, DevTools
sekarang akan mengetahui apakah akan membuat baris baru atau mengeksekusi kode setiap kali Anda
menekan Enter. Misalnya, Anda ingin
mengevaluasi loop for
berikut di Console:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Sebelumnya, menekan Enter setelah mengetik baris pertama akan menyebabkan DevTools mengevaluasi baris tersebut, dan menyebabkan error. Untuk melanjutkan blok kode ke baris baru, Anda harus menahan Shift sebelum menekan Enter. Sebaliknya, sekarang DevTools otomatis melanjutkan blok kode di baris baru setelah Anda menekan Enter, seperti yang Anda harapkan.
Beberapa kursor. Tahan Command (Mac) atau Control+Alt (Windows, Linux), lalu klik.
Canary kini menandai konteks non-atas dengan warna merah
Jika akhir-akhir ini Anda menggunakan Konsol, Anda mungkin digigit
oleh bug kecil yang menyetel pemilih konteks eksekusi ke nilai
selain top
.
Bug tersebut seharusnya sudah diperbaiki di Stabil, tetapi, untuk amannya, DevTools
di Canary (Chrome 56) sekarang memperingatkan bahwa Anda tidak berada dalam konteks top
dengan
menandai pemilih berwarna merah.
Agen pengguna baru: UC Browser
Kini Anda dapat memilih UC Browser untuk iOS, Android, atau Windows Phone dari Kondisi jaringan tab panel samping.
Berbagi berarti peduli
Seperti biasa, kami ingin mendengar masukan atau ide Anda tentang apa pun yang terkait dengan DevTools.
- Ping kami di ChromeDevTools di Twitter untuk pertanyaan singkat atau masukan, atau untuk membagikan ide baru.
- Untuk diskusi yang lebih lama, sebaiknya gunakan milis atau Stack Overflow.
- Untuk dokumen apa pun yang terkait, buka masalah di repo dokumen kami.
- Anda dapat langsung menghubungi tim untuk melaporkan bug atau meminta fitur di Crbug.
Sampai bulan depan,
Kayce