Direkomendasikan, 2024

Pilihan Editor

Cara Mengaktifkan Desain Material di Browser Chrome

Di Google I / O 2014, Google mengumumkan visinya untuk mengadopsi standar Desain Bahan untuk semua platform utamanya termasuk Android OS, Chrome OS, dan Web. Alasan di balik mengadopsi bahasa desain yang sama untuk semua platformnya adalah visi Google untuk memberikan pengalaman pengguna yang seragam kepada para penggunanya di semua layanannya. Sejak diluncurkan, kami telah melihat bahasa Material Design yang tergabung dalam platform Android dan Chrome OS Google. Namun, meskipun Android dan Chrome OS telah menerima facelift signifikan dengan Material Design, browser Chrome masih macet di masa lalu. Tapi, ini tidak berarti bahwa Google telah meninggalkan browser Chrome sepenuhnya (ketika datang ke Material Design).

Bahkan, sejak 2016, kami melihat banyak elemen Desain Material eksperimental yang tergabung dalam browser Chrome. Baru-baru ini, halaman Pengaturan pada browser Chrome diperbarui ke bahasa Material Design. Namun, sebagian besar UI Chrome tidak mendukung Desain Material karena perubahannya masih dalam tahap pengembangan. Karena perubahan ini masih dalam "beta", mereka tidak muncul secara default di Browser Chrome Anda. Namun, ada cara untuk mengaktifkannya jika Anda mau. Ingat saja bahwa fitur-fitur ini masih dalam pengembangan, sehingga mereka mungkin menderita beberapa bug di sana-sini. Jadi, dengan itu, mari kita lihat cara mengaktifkan Material Design di browser Chrome:

Aktifkan UI Desain Bahan di Chrome

Sebelum Anda mulai, Anda harus memahami bahwa ada banyak elemen desain di browser Chrome. Banyak elemen ini memiliki elemen Desain Material yang sesuai dalam pengembangan. Sebelum Anda mulai mengaktifkan elemen Desain Material, Anda harus membaca sedikit tentang mereka terlebih dahulu, hanya untuk memahami apa saja perubahan yang Anda buat. Untuk mempermudah Anda, saya akan memasukkan deskripsi singkat untuk semua perubahan . Baiklah, jangan buang waktu lagi dan mulai.

1. Buka halaman "Bendera" Chrome dengan mengetikkan " chrome://flags " di bilah alamat dan tekan tombol enter / return. Saat saya memperingatkan Anda di atas, pada halaman ini, Chrome akan menunjukkan kepada Anda pernyataan peringatan. Jangan terlalu khawatir, itu akan seperti menggunakan versi beta dari perangkat lunak. Anda mungkin mengalami beberapa bug tetapi tidak ada yang besar.

2. Sekarang, tekan Ctrl + F (Cmd + F jika Anda menggunakan Mac) dan dalam kotak pop-up ketik kata-kata "desain bahan" (tanpa tanda kutip).

3. Sekarang, tergantung pada kapan Anda menggunakan tutorial ini, jumlah hit yang akan Anda dapatkan dapat berubah (saya mendapat 13). Ini karena Google terus menambahkan dan menghapus elemen-elemen ini. Sekarang, Gunakan "tombol panah" di sebelah bidang teks untuk bergerak di antara hit.

Aktifkan Desain Bahan di Berbagai Elemen Chrome

Sekarang, setelah Anda tahu cara bergerak di antara elemen-elemen, mari kita lihat elemen-elemen yang akan kita ubah. Setiap kali kami melakukan perubahan, Chrome akan meminta Anda memulai kembali browser untuk mencerminkan perubahan. Namun, Anda tidak harus melakukannya untuk setiap perubahan, cukup restart browser setelah Anda melakukan semua perubahan .

  • Desain Material di sisa UI asli browser : Gunakan tombol panah untuk menemukan subjudul ini pada halaman "Bendera" dan kemudian aktifkan. Mengaktifkan pengaturan ini akan menerapkan desain material untuk menyempurnakan elemen desain yang ada di browser Chrome seperti kotak dialog, gelembung dll. Di Mac, pengaturan ini akan memungkinkan MacViews.

  • Aktifkan halaman kebijakan Desain Bahan : Ini akan mengubah halaman kebijakan Chrome ( chrome://policy ) untuk mencerminkan desain Material.

  • Aktifkan bookmark Desain Bahan : Ketika Anda mengaktifkan pengaturan ini, URL " chrome://bookmarks " akan memuat halaman bookmark Desain Bahan. Untuk melakukan ini klik pada menu drop-down yang ditandai pada gambar dan pilih "Diaktifkan".

  • Aktifkan umpan balik Desain Bahan : Seperti namanya, ini akan mengubah halaman umpan balik untuk memasukkan bahasa Desain Bahan.

  • Material Design Incognito NTP : Pengaturan ini akan memungkinkan tab New Incognito Anda mematuhi Desain Material.

  • Aktifkan pengaturan Desain Material : Jika Anda menggunakan Chrome versi terbaru, halaman Pengaturan Anda seharusnya sudah menggunakan Desain Material yang baru. Namun, jika tidak, ini adalah tempat Anda dapat mengaktifkannya.

  • Aktifkan ekstensi Desain Bahan : Ini akan mengubah halaman "Ekstensi" dari Chrome ( chrome://extensions ) untuk mengadopsi Desain Bahan.

  • Setelah Anda mengaktifkan semua opsi di atas, cukup klik tombol "Relaunch Now" di bagian bawah browser Anda untuk membawa perubahan ini menjadi efek.

Pada saat menulis artikel ini, ini adalah satu-satunya opsi yang tersedia. Namun, seperti yang saya sebutkan sebelumnya, opsi ini terus berubah dari waktu ke waktu. Jadi, pastikan untuk memeriksa halaman "Bendera" sesekali untuk mendapatkan pembaruan terbaru. Juga, saya telah melampirkan foto sebelum dan sesudah halaman Extensions saya. Di foto, Anda dapat melihat efek dari melakukan perubahan ini.

Aktifkan Desain Material di Chrome

Saya sangat menyukai bahasa Desain Material Google. Itu membuat semuanya terlihat indah dan terasa cair. Animasi itu sempurna. Sangat bagus untuk melihat bahwa Google sedang mencoba untuk menyatukan pengalaman pengguna di semua platformnya. Langkah ini akan menguntungkan semua pengguna. Tapi itu sudut pandang saya, bagaimana dengan Anda? Apakah Anda merasa bahwa Desain Material baru di browser Chrome akan mengubahnya menjadi lebih baik? Beri tahu kami pemikiran Anda dengan menjatuhkannya di bagian komentar di bawah.

Top