Ringkasan DevTools, Oktober 2016

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 tidak sesuai

Tanda kurung, tanda kurung siku, atau tanda kurung kurawal yang cocok akan ditandai dengan warna abu-abu jika kursor berada di sebelah salah satunya.

tanda kurung cocok

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.

beberapa kursor

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.

konteks non-atas ditandai dengan warna merah

Agen pengguna baru: UC Browser

Kini Anda dapat memilih UC Browser untuk iOS, Android, atau Windows Phone dari Kondisi jaringan tab panel samping.

Agen pengguna Browser UC

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