Disyorkan, 2024

Pilihan Editor

Cara Membolehkan Reka Bentuk Bahan dalam Penyemak Imbas Chrome

Di Google I / O 2014, Google mengumumkan visinya untuk menerima pakai Reka Bentuk Bahan untuk semua platform utamanya termasuk OS Android, Chrome OS, dan Web. Alasan di sebalik menggunakan bahasa reka bentuk yang sama untuk semua platformnya ialah visi Google untuk memberikan pengalaman pengguna yang bersatu kepada penggunanya di semua perkhidmatannya. Sejak pelancarannya, kami telah melihat bahasa Bahan Reka bentuk yang banyak digabungkan dalam platform Google Android dan Chrome OS. Walau bagaimanapun, walaupun Android dan Chrome OS telah menerima perubahan wajah yang signifikan dengan Reka Bentuk Bahan, penyemak imbas Chrome masih terjebak pada masa lalu. Tetapi, ini tidak bermakna bahawa Google telah meninggalkan pelayar Chrome sepenuhnya (apabila ia datang kepada Reka Bentuk Bahan).

Malah, sejak 2016, kami melihat banyak unsur Reka Bentuk Bahan percubaan yang dimasukkan dalam penyemak imbas Chrome. Cukup baru-baru ini, halaman Tetapan pelayar Chrome telah dikemas kini kepada bahasa Bahan Reka bentuk. Bagaimanapun, masih, kebanyakan UI Chrome tidak menyokong Reka Bentuk Bahan sebagai perubahan masih dalam fasa pembangunan. Oleh kerana perubahan ini masih dalam "beta", mereka tidak muncul secara lalai pada Pelayar Chrome anda. Walau bagaimanapun, ada cara untuk membolehkan mereka jika mahu. Ingatlah bahawa ciri-ciri ini masih dalam perkembangan, jadi mereka mungkin mengalami beberapa bug di sana sini. Jadi, dengan cara itu, marilah kita melihat bagaimana untuk membolehkan Reka Bentuk Bahan dalam penyemak imbas Chrome:

Dayakan UI Reka Bentuk Bahan dalam Chrome

Sebelum memulakan, anda harus memahami bahawa terdapat banyak elemen reka bentuk dalam penyemak imbas Chrome. Ramai unsur-unsur ini mempunyai unsur Reka Bentuk Bahan yang sesuai dalam pembangunan. Sebelum anda mula mengaktifkan elemen Reka Bentuk Bahan, anda harus membaca sedikit tentangnya terlebih dahulu, hanya untuk mendapatkan perubahan apa yang anda buat.Untuk membuat perkara mudah untuk anda, saya akan memasukkan keterangan ringkas untuk semua perubahan . Baiklah, mari kita tidak membuang masa lagi dan mula.

1. Pergi ke halaman "Flags" Chrome dengan menaip " chrome://flags " dalam bar alamat dan memukul kunci masukkan / kembali. Semasa saya memberi amaran kepada anda di atas, pada halaman ini, Chrome akan menunjukkan kepada anda pernyataan amaran. Jangan terlalu risau, ia akan sama seperti menggunakan versi beta perisian. Anda mungkin mengalami beberapa pepijat tetapi tidak ada yang utama.

2. Sekarang, tekan Ctrl + F (Cmd + F jika anda berada di Mac) dan dalam kotak pop timbul pada perkataan "reka bentuk bahan" (tanpa petikan).

3. Sekarang, bergantung pada apabila anda menggunakan tutorial ini, bilangan hits yang anda akan dapat berubah (saya mendapat 13). Ini kerana Google terus menambah dan memadam unsur-unsur ini. Sekarang, Gunakan "butang anak panah" di sebelah medan teks untuk bergerak di antara hits.

Dayakan Reka Bentuk Bahan dalam Elemen Chrome yang berbeza

Sekarang, bahawa anda tahu bagaimana untuk bergerak di antara unsur-unsur, mari kita perhatikan yang kita akan berubah. Apabila kami membuat perubahan, Chrome akan meminta anda memulakan semula penyemak imbas untuk mencerminkan perubahan. Walau bagaimanapun, anda tidak perlu melakukannya untuk setiap perubahan, hanya mulakan semula penyemak imbas selepas anda membuat semua perubahan .

  • Reka Bentuk Bahan di seluruh UI asli penyemak imbas : Gunakan kekunci anak panah untuk mencari subheading ini pada halaman "Flags" dan kemudian dayakannya. Mengaktifkan tetapan ini akan menggunakan reka bentuk bahan untuk elemen reka bentuk yang lebih baik yang terdapat dalam penyemak imbas Chrome seperti kotak dialog, gelembung dll. Pada Mac, tetapan ini akan membolehkan MacViews.

  • Dayakan halaman dasar Rekabentuk Bahan : Ini akan mengubah halaman dasar chrome://policy ( chrome://policy ) untuk mencerminkan reka bentuk Bahan.

  • Dayakan penanda halaman Rekabentuk Bahan : Apabila anda mendayakan tetapan ini, URL " chrome://bookmarks " akan memuat halaman penanda Reka Bentuk Bahan. Untuk melakukan klik ini pada menu lungsur yang ditandakan pada gambar dan pilih "Diaktifkan".

  • Dayakan maklum balas Design Material : Seperti namanya, ini akan mengubah halaman maklum balas untuk memasukkan bahasa Design Material.

  • NTP Inkognito Reka Bentuk Bahan : Tetapan ini akan membolehkan tab Inkognito Baru anda untuk mematuhi Reka Bentuk Bahan.

  • Dayakan tetapan Reka Bentuk Bahan : Jika anda berada di Chrome versi terkini, halaman Tetapan anda harus menjadi sukan Reka Bentuk Bahan baru. Walau bagaimanapun, jika tidak, inilah tempat anda boleh mendayakannya.

  • Dayakan pelanjutan Reka Bentuk Bahan : Ini akan mengubah halaman "Sambungan" Chrome ( chrome://extensions ) untuk menerima Reka Bentuk Bahan.

  • Setelah anda mengaktifkan semua pilihan di atas, klik pada butang "Lancarkan Sekarang" di bahagian bawah penyemak imbas anda untuk membawa perubahan ini menjadi kesan.

Pada masa menulis rencana ini, ini adalah satu-satunya pilihan yang tersedia. Bagaimanapun, seperti yang saya sebutkan tadi, pilihan ini terus berubah dari semasa ke semasa. Oleh itu, pastikan anda menyemak halaman "Flags" sekali-sekala untuk mendapatkan kemas kini terkini. Juga, saya telah melampirkan sebelum dan selepas gambar halaman Pelanjutan saya. Dalam foto, anda dapat melihat kesan membuat perubahan ini.

Dayakan Reka Bentuk Bahan dalam Chrome

Saya sangat suka bahasa Design Bahan Google. Ia menjadikan segala-galanya kelihatan cantik dan berasa cair. Animasi sangat sempurna. Adalah baik untuk melihat bahawa Google cuba menyatukan pengalaman pengguna di semua platformnya. Langkah ini akan memberi manfaat kepada semua pengguna. Tetapi itu pandangan saya, bagaimana pula dengan anda? Adakah anda merasakan bahawa Reka Bentuk Bahan baru dalam penyemak imbas Chrome akan mengubahnya menjadi lebih baik? Marilah kita tahu fikiran anda dengan menjatuhkannya di bahagian komen di bawah.

Top