Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css

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

Bagaimana Ini Bekerja?

File userChrome.css Firefox adalah file cascading style sheet (CSS) yang digunakan Firefox. Sementara style sheet biasanya diterapkan ke halaman web, style sheet khusus ini diterapkan ke antarmuka pengguna Firefox. Hal ini memungkinkan Anda untuk mengubah tampilan dan tata letak segala sesuatu yang mengelilingi halaman web iteslf. Anda sebenarnya tidak dapat menambahkan fitur apa pun; Anda hanya dapat memodifikasi apa yang sudah ada untuk mengubah, menyembunyikan, atau memindahkannya.

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

File userChrome.css telah ada di Firefox untuk waktu yang lama, tetapi file itu diambil dengan kepentingan yang diperbarui dengan Firefox Quantum. Banyak tweak yang sebelumnya dapat dilakukan dengan add-on browser sekarang hanya dapat dilakukan dengan mengedit file userChrome.css.

Di mana Menemukan Tweak

Meskipun Anda dapat membuat tweak Anda sendiri jika Anda memahami kode CSS dan bagaimana antarmuka Firefox dirancang, Anda juga dapat menemukan tweak online. Jika Anda ingin melakukan perubahan tertentu, orang lain mungkin sudah menemukan cara untuk melakukannya dan menulis kode.

Berikut ini beberapa sumber untuk membantu Anda memulai:

Contoh Tweaks dari userChrome.org: Daftar singkat tweak menarik yang menunjukkan kekuatan userChrome.css.
Tweaks Klasik CSS: Sebuah repositori dari userChrome.css tweak dari penulis ekstensi Theme Theme Klasik, yang tidak lagi berfungsi di Firefox Quantum.
userChrome Tweaks: Kumpulan tweak Firefox yang menarik.
FirefoxCSS di Reddit: Subreddit ini adalah sebuah komunitas untuk mendiskusikan tweak. Anda dapat mencari subreddit untuk menemukan tweak orang lain, melihat apa yang dibagikan orang, dan bahkan meminta masukan jika Anda tidak dapat menemukan tweak yang Anda inginkan.
Panduan untuk Mengedit Menu Konteks Anda: Petunjuk untuk menghapus item dari menu konteks Firefox dan mengubah urutannya dalam daftar, diambil dari subreddit FirefoxCSS.

Ingatlah bahwa Firefox versi lama memiliki antarmuka yang berbeda. Tweak userChrome.css lama yang Anda temukan 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 alat 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 setelah Anda memiliki tweak atau dua yang ingin Anda coba, pertama-tama Anda harus membuat file di lokasi yang sesuai di dalam folder profil Firefox Anda.

Untuk meluncurkan folder profil Firefox Anda, klik menu> Bantuan> Informasi Pemecahan Masalah di Firefox.

Klik tombol "Buka Folder" di sebelah kanan Folder Profil untuk membukanya. (Pada macOS atau Linux, Anda akan melihat tombol "Show in Finder" atau "Open Directory". Instruksi berikut menunjukkan proses pada Windows, tetapi pada dasarnya sama pada Mac dan Linux-Anda hanya akan menggunakan manajer file dan editor teks berbeda.)

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

Untuk membuat folder, klik kanan di panel kanan dan pilih New> Folder. Beri nama "chrome", tekan Enter, lalu klik dua kali.

Anda harus memberi tahu Windows untuk menampilkan ekstensi file kepada Anda, jika Anda belum melakukannya. Windows menyembunyikan ekstensi file secara default untuk menyederhanakan banyak hal. Langkah ini tidak diperlukan di macOS atau Linux, yang menunjukkan informasi ini secara default.

Pada Windows 8 atau 10, Anda cukup mengklik tab "Lihat" pada pita dan centang kotak "Ekstensi nama file" untuk membuatnya terlihat. Pada Windows 7, klik Atur> Folder dan opsi pencarian, klik tab "Lihat", dan hapus centang "Sembunyikan ekstensi untuk jenis file yang diketahui".

Anda sekarang akan membuat file userChrome.css, yang sebenarnya hanyalah file teks kosong dengan ekstensi .css alih-alih ekstensi .txt.

Untuk melakukannya, klik kanan di panel kanan di sini dan pilih New> Text Document. Beri nama "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 mengonfirmasi perubahan Anda.

Di macOS atau Linux, buat file teks kosong dengan nama yang sama.

Cara Mengedit File userChrome.css

Anda dapat menggunakan editor teks apa saja untuk mengedit file userChrome.css. Editor teks Notepad yang disertakan dengan Windows berfungsi dengan baik. Jika Anda ingin editor teks yang lebih kuat 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 pada baris mereka sendiri.

Setelah selesai, simpan file dengan mengklik File> Save in Notepad.

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

Jika Anda sering kembali ke folder "chrome" untuk mengedit file userChrome.css, Anda mungkin ingin membuat pintasan desktop ke folder atau menambahkannya ke folder "Akses cepat" di File Explorer.

File userContent.css

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

Untuk menggunakan file ini, cukup buat file bernama "userContent.css" di folder yang sama dengan folder Chrome Anda. Tweaks yang Anda tempatkan di file ini memengaruhi "halaman konten" internal Firefox, seperti halaman Tab dan Opsi Baru.

Tolong, saya Pecah Sesuatu!

Jika Anda pernah menemukan masalah dengan tweak, Anda bisa menghapusnya dari file userChrome.css Anda dan restart Firefox. Jika itu tidak berhasil, Anda dapat sepenuhnya menghapus file userChrome.css dan restart browser untuk menghapus semua perubahan Anda dan mendapatkan antarmuka Firefox yang baru.