If-Koubou

Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css

Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css (Bagaimana caranya)

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 di bilah alat bookmark Anda, dan melakukan hal-hal lain yang biasanya tidak akan mungkin dilakukan.

Bagaimana Ini Bekerja

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

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

File userChrome.css telah ada di Firefox untuk waktu yang lama, tetapi ini sangat penting dengan Firefox Quantum. Banyak tweak yang sebelumnya dapat diselesaikan oleh add-on browser sekarang hanya dapat dilakukan dengan mengedit file userChrome.css.

Di mana menemukan Tweaks

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

Berikut beberapa sumber untuk memulai:

  • Sample Tweaks from userChrome.org: Daftar singkat tweak menarik yang menunjukkan kekuatan userChrome.css.
  • Classic CSS Tweaks: Repositori tweak penggunaChrome.css dari penulis ekstensi Classic Theme Restorer, yang tidak lagi berfungsi di Firefox Quantum.
  • userChrome Tweaks: Kumpulan tweak Firefox yang menarik.
  • FirefoxCSS di Reddit: Subreddit ini adalah komunitas untuk membahas tweak. Anda dapat mencari subreddit untuk menemukan tweak orang lain, melihat apa yang dibagikan orang, dan bahkan meminta masukan jika Anda tidak 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 subdiit FirefoxCSS.

Ingatlah bahwa versi lama Firefox memiliki antarmuka yang berbeda. Tweak userChrome.css yang lebih tua 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 chrome 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, Anda harus terlebih dahulu 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 "Tampilkan di Pencari" atau "Buka Direktori" sebagai gantinya. Petunjuk berikut ini menunjukkan proses di Windows, tetapi pada dasarnya sama pada Mac dan Linux-Anda hanya akan menggunakan pengelola file dan editor teks yang 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 versi Firefox modern.

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

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

Pada Windows 8 atau 10, Anda cukup mengeklik tab “Tampilan” 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 dikenal".

Anda sekarang akan membuat file userChrome.css, yang benar-benar hanya file teks kosong dengan ekstensi .css bukan ekstensi .txt.

Untuk melakukannya, klik kanan di panel kanan di sini dan pilih New> Text Document. Nama itu "userChrome.css" pastikan 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.

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

Cara Mengedit File PenggunaChrome.css

Anda dapat menggunakan editor teks apa pun untuk mengedit file userChrome.css. Editor teks Notepad yang disertakan dengan Windows bekerja dengan baik. Jika Anda menginginkan 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 menempelnya. Jika Anda menambahkan beberapa tweak, pastikan untuk menambahkan semuanya pada jalurnya masing-masing.

Setelah selesai, simpan file dengan mengklik File> 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 diterapkan.

Jika Anda menemukan diri Anda kembali ke folder "chrome" sering untuk mengedit file userChrome.css Anda, Anda mungkin ingin membuat shortcut 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 mungkin menemukan beberapa tweak yang mengatakan mereka untuk file userContent.css.

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

Tolong, saya Pecah Sesuatu!

Jika Anda pernah mengalami 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 memulai kembali peramban untuk menghapus semua perubahan Anda dan mendapatkan antarmuka Firefox yang baru.