Halo, ini Kayce, kembali lagi dengan ringkasan lain untuk memberi tahu Anda tentang yang baru di DevTools sejak bulan lalu.
Fitur baru di Konsol
Di Chrome 56, yang saat ini ada di Canary, Konsol DevTools didukung oleh CodeMirror. Hal ini memungkinkan banyak fitur baru, seperti:
Penyorotan sintaksis saat Anda mengetik. Sebelumnya, DevTools hanya dapat menandai sintaksis setelah blok kode dievaluasi.
Penyorotan tanda kurung buka / tutup / kurawal yang cocok. Jika Anda memiliki tanda kurung, tanda kurung siku, atau tanda kurung kurawal tambahan, DevTools akan menandainya dengan warna merah.
Tanda kurung, tanda kurung siku, atau tanda kurung kurawal yang cocok akan ditandai dengan warna abu-abu saat kursor berada di samping salah satunya.
Pengembalian cerdas. Saat Anda mengetik blok kode multibaris, DevTools
kini mengetahui apakah akan membuat baris baru atau mengeksekusi kode setiap kali Anda
menekan Enter. Misalnya, Anda ingin
mengevaluasi loop for berikut di Konsol:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Sebelumnya, menekan Enter setelah mengetik baris pertama akan menyebabkan DevTools mengevaluasi baris, sehingga menyebabkan error. Untuk melanjutkan blok kode ke baris baru, Anda harus menahan Shift sebelum menekan Enter. Sebaliknya, sekarang DevTools hanya melanjutkan blok kode secara otomatis 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-top dengan warna merah
Jika baru-baru ini Anda menggunakan Konsol, Anda mungkin telah terkena
bug kecil yang tidak menyenangkan yang menetapkan pemilih konteks eksekusi ke nilai
selain top.
Bug tersebut kini telah diperbaiki di versi Stabil, tetapi, untuk berjaga-jaga, DevTools
di Canary (Chrome 56) kini memperingatkan Anda bahwa Anda tidak berada dalam konteks top dengan
menandai pemilih berwarna merah.
Agen pengguna baru: Browser UC
Sekarang Anda dapat memilih UC Browser untuk iOS, Android, atau Windows Phone dari tab panel samping Kondisi jaringan.
Berbagi berarti peduli
Seperti biasa, kami ingin mendengar masukan atau ide Anda terkait apa pun yang terkait dengan DevTools.
- Hubungi kami di ChromeDevTools di Twitter untuk pertanyaan atau masukan singkat, atau untuk membagikan ide baru.
- Untuk diskusi yang lebih panjang, milis atau Stack Overflow adalah pilihan terbaik Anda.
- Untuk semua hal yang terkait dengan dokumen, buka masalah di repositori dokumen kami.
- Anda dapat langsung menghubungi tim untuk melaporkan bug atau meminta fitur di Crbug.
Sampai bulan depan,
Kayce