Baru di Chrome 59

Pete LePage

  • Chrome Headless memungkinkan Anda menjalankan Chrome di lingkungan otomatis tanpa antarmuka pengguna atau periferal.
  • Notifikasi di macOS akan ditampilkan langsung oleh sistem notifikasi macOS native.
  • Sekarang Anda dapat mengambil foto beresolusi penuh dengan API pengambilan gambar, dan masih banyak lagi.

Ingin melihat daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium

Saya Pete LePage. Mari kita lihat apa saja yang baru untuk developer di Chrome 59.

Chrome Headless

Browser headless adalah alat yang bagus untuk menjalankan pengujian otomatis dan lingkungan server tempat Anda tidak perlu melihat output yang dirender atau memiliki shell UI yang terlihat. Contoh:

  • Menggunakan Selenium untuk pengujian unit terhadap aplikasi web progresif Anda
  • Untuk membuat PDF halaman Wikipedia
  • Memeriksa halaman dengan DevTools

Mulai Chrome 59, Anda kini dapat menjalankan Chrome headless. Library ini menghadirkan semua fitur platform web modern yang disediakan oleh Chrome ke command line.

Lihat postingan Eric Bidelman tentang Update untuk mengetahui detail selengkapnya. Dia memiliki contoh tentang cara menggunakannya untuk mengonversi halaman menjadi PDF, membuang DOM, dan cara menggunakannya secara terprogram di Node.

Notifikasi native di macOS

Chrome secara historis telah menyertakan sistem notifikasinya sendiri bagi developer web dan ekstensi untuk menampilkan notifikasi kepada pengguna. Namun, kami telah mendengar dari pengguna dan developer bahwa mereka ingin Chrome menggunakan sistem notifikasi OS native.

Mulai Chrome 59 di macOS, Chrome akan menggunakan sistem notifikasi native, yang meningkatkan pengalaman pengguna dan memastikan notifikasi terasa lebih terintegrasi di platform. Favorit saya pribadi, notifikasi kini akan mengikuti setelan jangan ganggu saya.

Notifikasi yang dibuat oleh Chrome (kiri), Notifikasi yang dibuat oleh macOS Native (kanan).

Karena cara macOS menangani notifikasi, ada beberapa API dengan penggunaan rendah yang kini tidak direkomendasikan, karena akan menghasilkan pengalaman yang menurun di macOS.

Lihat postingan Info terbaru kami untuk mengetahui semua detailnya.

Image Capture API

Mengambil foto beresolusi tinggi di aplikasi web bisa jadi sulit. Pengguna harus mengupload foto yang telah mereka ambil, atau beralih dari browser ke kamera, mengambil foto, beralih kembali ke browser, lalu mengupload foto.

Dengan Image Capture API baru di Chrome 59, Anda harus mengakses kemampuan resolusi penuh dari kamera yang tersedia. API ini menyediakan kontrol fitur seperti zoom, kecerahan, kontras, ISO, dan bahkan white balance.

Lihat postingan Sam untuk mengetahui detail lengkap dan kode contoh yang dapat Anda gunakan untuk langsung memulai.

Dan banyak lagi!

  • String MediaError.message memberikan, jika tersedia, detail pesan error tambahan untuk membantu developer web men-debug error pemutar media.

Ini hanyalah beberapa perubahan di Chrome 59 untuk developer.

Jika Anda menyukai video ini, lihat Desainer vs. Developer, serial video baru yang mencoba memecahkan tantangan yang dihadapi saat desainer dan developer bekerja sama.

Kemudian, subscribe ke channel YouTube kami, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Saya Pete LePage, dan segera setelah Chrome 60 dirilis, saya akan langsung memberi tahu Anda -- yang baru di Chrome.