Baru di Chrome 59

Pete LePage

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

Ingin daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium

Saya Pete LePage. Mari kita pelajari dan lihat hal-hal baru untuk developer di Chrome 59.

Chrome Headless

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

  • Menggunakan Selenium untuk pengujian unit terhadap progressive web app Anda
  • Untuk membuat {i>file<i} PDF laman wikipedia
  • Memeriksa halaman dengan DevTools

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

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

Notifikasi native di macOS

Secara historis, Chrome 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 Mac OS, Chrome akan menggunakan sistem notifikasi native, meningkatkan pengalaman pengguna dan memastikan notifikasi terasa lebih terintegrasi di platform. Favorit pribadi saya, notifikasi sekarang akan mengikuti setelan jangan ganggu saya.

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

Karena cara macOS menangani notifikasi, ada beberapa API dengan penggunaan rendah yang sekarang tidak disarankan, karena akan mengakibatkan penurunan pengalaman di macOS.

Lihat postingan Pembaruan kami untuk semua detailnya.

API pengambilan gambar

Mengambil foto resolusi 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, dan mengupload foto.

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

Lihat postingan Sam untuk mengetahui detail selengkapnya dan kode contoh yang dapat Anda gunakan untuk segera memulai.

Dan banyak lagi!

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

Ini hanyalah beberapa perubahan di Chrome 59 untuk developer.

Jika Anda menikmati video ini, tonton Desainer vs. Developer, serial video baru yang mencoba mengatasi tantangan yang dihadapi ketika 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 segera memberi tahu Anda -- apa yang baru di Chrome!