7Sep

Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css

Antarmuka Firefox Quantum masih sangat bisa disesuaikan berkat file userChrome.css-nya. Anda dapat mengedit file ini untuk menyembunyikan item menu yang tidak diinginkan, pindahkan bilah tab di bawah toolbar navigasi, lihat beberapa baris pada bilah alat bookmark Anda, dan lakukan hal-hal lain yang biasanya tidak mungkin dilakukan.

Cara Ini Bekerja File userChrome.css

Firefox adalah file style cascading style( CSS) yang digunakan Firefox. Sementara style sheet biasanya diterapkan pada halaman web, style sheet ini diterapkan pada antarmuka pengguna Firefox. Hal ini memungkinkan Anda untuk mengubah tampilan dan tata letak segala sesuatu yang mengelilingi halaman web itu. Anda tidak dapat benar-benar menambahkan fitur apapun;Anda hanya bisa memodifikasi apa yang sudah ada untuk mengubah, menyembunyikan, atau memindahkannya.

Ini tidak ada hubungannya dengan Google Chrome."Chrome" mengacu pada antarmuka pengguna peramban web, yang mana Google Chrome dinamai.

File userChrome.css telah ada di Firefox untuk waktu yang lama, tapi ini diambil dari kepentingan baru dengan Firefox Quantum. Banyak tweak yang sebelumnya bisa dilakukan oleh add-on browser sekarang bisa dilakukan hanya dengan mengedit file userChrome.css.

Dimana Menemukan Tweaks

Meskipun Anda bisa membuat tweak sendiri jika Anda memahami kode CSS dan bagaimana antarmuka Firefox dirancang, Anda juga bisa menemukan tweak secara online. Jika Anda ingin membuat perubahan tertentu, orang lain mungkin sudah tahu bagaimana melakukannya dan menulis kodenya.

Berikut adalah beberapa sumber untuk Anda mulai: Contoh

  • Tweak dari userChrome.org: Daftar singkat tweak menarik yang menunjukkan kekuatan penggunaChrome.css.
  • Classic CSS Tweaks: Sebuah repositori tweet penggunaChrome.css dari penulis ekstensi Theme Restorer Classic, yang tidak lagi berfungsi di Firefox Quantum.
  • userChrome Tweaks: Koleksi tweak Firefox yang menarik.
  • FirefoxCSS on Reddit: Subreddit ini adalah sebuah komunitas untuk membahas tweak. Anda dapat mencari subreddit untuk menemukan tweak orang lain, melihat apa yang orang sharing, dan bahkan meminta masukan jika Anda tidak dapat menemukan tweak yang benar-benar Anda inginkan. Panduan
  • untuk Mengedit Menu Konteks Anda: Petunjuk untuk menghapus item dari menu konteks Firefox dan mengubah urutannya dalam daftar, diambil dari subruk FirefoxCSS.

Ingatlah bahwa Firefox versi lawas memiliki antarmuka yang berbeda. Tweak penggunaChrome.css yang lebih tua yang Anda temukan secara online mungkin tidak berfungsi di Firefox 57 dan yang lebih baru, juga dikenal sebagai Firefox Quantum.

Jika Anda tahu apa yang Anda lakukan dengan CSS, Anda dapat mengaktifkan kotak peralatan browser untuk memeriksa krom browser Firefox. Ini akan memberikan informasi yang Anda butuhkan untuk menyesuaikan berbagai elemen antarmuka browser dengan kode CSS Anda sendiri.

Cara Membuat File userChrome.css Anda

File userChrome.css tidak ada secara default, jadi jika Anda memiliki tweak atau dua yang ingin Anda coba, pertama Anda harus membuat file di lokasi yang sesuai di dalam profil Firefox Anda.map.

Untuk meluncurkan folder profil Firefox Anda, klik menu & gt;Bantuan & gt;Informasi Pemecahan Masalah di Firefox.

Klik tombol "Open Folder" di sebelah kanan Folder Profil untuk membukanya.(Di macos atau Linux, Anda akan melihat tombol "Tampilkan di Finder" atau "Open Directory". Petunjuk berikut menunjukkan proses pada Windows, tapi pada dasarnya sama pada Mac dan Linux - Anda hanya akan menggunakanfile manager dan editor teks yang berbeda.)

Jika Anda melihat folder bernama "chrome" di folder profil yang muncul, klik dua kali. Namun, Anda mungkin tidak akan, karena folder ini tidak dibuat oleh Firefox versi modern.

Untuk membuat folder, klik kanan di panel sebelah kanan dan pilih New & gt;Map. Namai itu "krom", tekan Enter, kemudian klik dua kali.

Anda harus memberi tahu Windows untuk menunjukkan ekstensi file, jika Anda belum melakukannya. Windows menyembunyikan ekstensi file secara default untuk menyederhanakan sesuatu. Langkah ini tidak diperlukan pada macOS atau Linux, yang menunjukkan informasi ini secara default.

Pada Windows 8 atau 10, Anda cukup mengklik tab "View" pada pita dan centang kotak "File name extensions" untuk membuatnya terlihat. Pada Windows 7, klik Organize & gt;Folder dan pilihan pencarian, klik "Lihat" tab, dan hapus centang "Sembunyikan ekstensi untuk jenis file yang dikenal".

Sekarang Anda akan membuat file userChrome.css, yang sebenarnya hanyalah file teks kosong dengan ekstensi. css, bukan ekstensi. txt.

Untuk melakukannya, klik kanan di panel sebelah kanan di sini dan pilih New & gt;Dokumen teksNama itu "userChrome.css" memastikan untuk menghapus ekstensi file txt.

Windows akan memperingatkan Anda bahwa Anda mengubah ekstensi file dan ini mungkin menjadi masalah untuk jenis file tertentu. Klik "Ya" untuk mengkonfirmasi perubahan Anda.

Pada macos atau Linux, buat file teks kosong dengan nama yang sama.

Cara Mengedit File userChrome.css

Anda dapat menggunakan editor teks apapun untuk mengedit file userChrome.css. Editor teks Notepad disertakan dengan Windows bekerja dengan baik. Jika Anda menginginkan editor teks yang lebih hebat dengan lebih banyak fitur, kami menyukai Notepad ++.

Untuk mengedit file di Notepad, klik kanan dan pilih "Edit".

Tambahkan tweak apa pun yang Anda inginkan ke file dengan menyalin dan menempelkannya. Jika Anda menambahkan beberapa tweak, pastikan untuk menambahkan semuanya sesuai garis mereka sendiri.

Setelah selesai, simpan file dengan mengklik File & gt;Simpan di Notepad.

Setiap kali Anda mengedit file userChrome.css Anda, Anda harus menutup semua jendela Firefox yang terbuka dan meluncurkan kembali Firefox agar perubahan Anda berlaku.

Jika Anda mendapati diri Anda kembali ke folder "krom" sering untuk mengedit file userChrome.css Anda, Anda mungkin ingin membuat shortcut desktop ke folder tersebut atau menambahkannya ke folder "Akses cepat" di File Explorer.

File userContent.css

Firefox juga memiliki file userContent.css yang dapat Anda edit, dan Anda mungkin menemukan beberapa tweak yang mengatakan bahwa itu untuk file userContent.css.

Untuk menggunakan file ini, buat saja file bernama "userContent.css" di folder yang sama dengan folder Chrome Anda. Tweaks yang Anda tempatkan dalam file ini mempengaruhi halaman konten internal Firefox, seperti halaman Tab Baru dan Pilihan. Bantuan

, Saya Broke Sesuatu!

Jika Anda mengalami masalah dengan tweak, Anda bisa menghapusnya dari file userChrome.css Anda dan restart Firefox. Jika itu tidak berhasil, Anda dapat menghapus file userChrome.css dan memulai ulang peramban untuk menghapus semua perubahan dan mendapatkan antarmuka Firefox yang baru.