Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css

Daftar Isi:

Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css
Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css

Video: Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css

Video: Cara Menyesuaikan Antarmuka Pengguna Firefox Dengan userChrome.css
Video: Nyoba Beli Office 365 Resmi 1.3 JUTA VS 75 RIBU di Shopee | Apa bedanya ? - YouTube 2024, April
Anonim
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, dan melakukan hal-hal lain yang biasanya tidak mungkin dilakukan.
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, 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. Ini memungkinkan Anda untuk mengubah tampilan dan tata letak segala sesuatu di sekitar halaman web iteslf. Anda tidak dapat benar-benar 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 itu diambil untuk kepentingan baru 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 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 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 peramban 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 Finder" atau "Buka Direktori" sebagai gantinya. Petunjuk berikut ini menunjukkan prosesnya di Windows, tetapi pada dasarnya sama pada Mac dan Linux - Anda hanya akan menggunakan pengelola file dan editor teks yang berbeda.)
Klik tombol "Buka Folder" di sebelah kanan Folder Profil untuk membukanya. (Pada macOS atau Linux, Anda akan melihat tombol "Tampilkan di Finder" atau "Buka Direktori" sebagai gantinya. Petunjuk berikut ini menunjukkan prosesnya 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.
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.
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.
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.

Image
Image

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.
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.
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.
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.
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. Tweaks yang Anda tempatkan di file ini memengaruhi "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 penggunaChrome.css dan memulai ulang peramban untuk menghapus semua perubahan Anda dan mendapatkan antarmuka Firefox yang baru.

Direkomendasikan: