Cách tùy chỉnh giao diện người dùng của Firefox với userChrome.css

Mục lục:

Cách tùy chỉnh giao diện người dùng của Firefox với userChrome.css
Cách tùy chỉnh giao diện người dùng của Firefox với userChrome.css

Video: Cách tùy chỉnh giao diện người dùng của Firefox với userChrome.css

Video: Cách tùy chỉnh giao diện người dùng của Firefox với userChrome.css
Video: Microsoft 365 vs Office 2021: Nên chọn bản Office nào? - YouTube 2024, Có thể
Anonim
Giao diện của Firefox Quantum vẫn rất tùy biến nhờ vào tệp userChrome.css của nó. Bạn có thể chỉnh sửa tệp này để ẩn các mục menu không mong muốn, di chuyển thanh tab bên dưới thanh công cụ điều hướng, xem nhiều hàng trên thanh công cụ dấu trang của bạn và thực hiện những việc khác thông thường.
Giao diện của Firefox Quantum vẫn rất tùy biến nhờ vào tệp userChrome.css của nó. Bạn có thể chỉnh sửa tệp này để ẩn các mục menu không mong muốn, di chuyển thanh tab bên dưới thanh công cụ điều hướng, xem nhiều hàng trên thanh công cụ dấu trang của bạn và thực hiện những việc khác thông thường.

Cách hoạt động này

Tệp userChrome.css của Firefox là tệp định kiểu tầng (CSS) mà Firefox sử dụng. Mặc dù các trang mẫu thường được áp dụng cho các trang web, nhưng bảng định kiểu cụ thể này được áp dụng cho giao diện người dùng của Firefox. Nó cho phép bạn thay đổi diện mạo và bố cục của mọi thứ xung quanh trang web iteslf. Bạn không thể thêm bất kỳ tính năng nào; bạn chỉ có thể sửa đổi những gì đã có để thay đổi, ẩn hoặc di chuyển nó.

Điều này không liên quan gì đến Google Chrome. “Chrome” đề cập đến giao diện người dùng của trình duyệt web, đó là những gì Google Chrome được đặt tên theo.

Tệp userChrome.css đã tồn tại trong Firefox trong một thời gian dài, nhưng nó được đưa vào tầm quan trọng mới với Firefox Quantum. Nhiều chỉnh sửa mà trước đây có thể được thực hiện bởi trình bổ sung của trình duyệt hiện chỉ có thể được thực hiện bằng cách chỉnh sửa tệp userChrome.css.

Nơi để tìm Tweaks

Mặc dù bạn có thể tạo các chỉnh sửa của riêng mình nếu bạn hiểu mã CSS và cách giao diện của Firefox được thiết kế, bạn cũng có thể tìm các chỉnh sửa trực tuyến. Nếu bạn muốn thực hiện một thay đổi nào đó, người khác có thể đã tìm ra cách để làm điều đó và viết mã.

Dưới đây là một số tài nguyên để giúp bạn bắt đầu:

  • Tinh chỉnh mẫu từ userChrome.org: Danh sách ngắn các chỉnh sửa thú vị thể hiện sức mạnh của userChrome.css.
  • CSS Tweaks cổ điển: Một kho lưu trữ các tinh chỉnh userChrome.css từ tác giả của tiện ích mở rộng Theme Theme Restorer, không còn hoạt động trên Firefox Quantum nữa.
  • userChrome Tweaks: Một bộ sưu tập các chỉnh sửa thú vị của Firefox.
  • FirefoxCSS trên Reddit: Subreddit này là một cộng đồng để thảo luận về các chỉnh sửa. Bạn có thể tìm kiếm thư mục phụ để tìm các chỉnh sửa của người khác, xem những gì mọi người đang chia sẻ và thậm chí yêu cầu đầu vào nếu bạn không thể tìm thấy một tinh chỉnh bạn thực sự muốn.
  • Hướng dẫn Chỉnh sửa Trình đơn Ngữ cảnh của bạn: Hướng dẫn xóa các mục khỏi trình đơn ngữ cảnh của Firefox và thay đổi thứ tự của chúng trong danh sách, được lấy từ thư mục phụ của FirefoxCSS.

Hãy nhớ rằng các phiên bản cũ của Firefox có một giao diện khác. Các chỉnh sửa userChrome.css cũ hơn bạn tìm thấy trực tuyến có thể không hoạt động trên Firefox 57 trở lên, còn được gọi là Firefox Quantum.

Nếu bạn biết mình đang làm gì với CSS, bạn có thể bật hộp công cụ trình duyệt để kiểm tra chrome của trình duyệt Firefox. Điều này sẽ cung cấp thông tin bạn cần để tùy chỉnh các yếu tố giao diện trình duyệt khác nhau với mã CSS của riêng bạn.

Cách tạo tệp userChrome.css của bạn

Tệp userChrome.css không tồn tại theo mặc định, vì vậy khi bạn có một hoặc hai tweak bạn muốn thử, trước tiên bạn phải tạo tệp ở vị trí thích hợp bên trong thư mục hồ sơ Firefox của bạn.

Để khởi chạy thư mục hồ sơ Firefox của bạn, hãy nhấp vào menu> Trợ giúp> Gỡ rối thông tin trong Firefox.

Nhấp vào nút "Mở thư mục" ở bên phải của Thư mục hồ sơ để mở nó. (Trên macOS hoặc Linux, bạn sẽ thấy nút "Hiển thị trong Trình tìm kiếm" hoặc "Mở thư mục". Các hướng dẫn sau đây hiển thị quá trình trên Windows, nhưng về cơ bản giống nhau trên Mac và Linux - bạn sẽ chỉ sử dụng trình quản lý tệp và trình chỉnh sửa văn bản khác.)
Nhấp vào nút "Mở thư mục" ở bên phải của Thư mục hồ sơ để mở nó. (Trên macOS hoặc Linux, bạn sẽ thấy nút "Hiển thị trong Trình tìm kiếm" hoặc "Mở thư mục". Các hướng dẫn sau đây hiển thị quá trình trên Windows, nhưng về cơ bản giống nhau trên Mac và Linux - bạn sẽ chỉ sử dụng trình quản lý tệp và trình chỉnh sửa văn bản khác.)
Nếu bạn thấy một thư mục có tên “chrome” trong thư mục hồ sơ xuất hiện, hãy nhấp đúp vào thư mục đó. Tuy nhiên, có thể bạn sẽ không, vì thư mục này không được tạo bởi các phiên bản Firefox hiện đại.
Nếu bạn thấy một thư mục có tên “chrome” trong thư mục hồ sơ xuất hiện, hãy nhấp đúp vào thư mục đó. Tuy nhiên, có thể bạn sẽ không, vì thư mục này không được tạo bởi các phiên bản Firefox hiện đại.

Để tạo thư mục, nhấp chuột phải vào ngăn bên phải và chọn Mới> Thư mục. Đặt tên là “chrome”, nhấn Enter và sau đó nhấp đúp vào nó.

Bạn sẽ cần yêu cầu Windows hiển thị cho bạn các tiện ích mở rộng tệp, nếu bạn chưa có. Windows ẩn các phần mở rộng tệp theo mặc định để đơn giản hóa mọi thứ. Bước này không cần thiết trên macOS hoặc Linux, mặc định hiển thị thông tin này.
Bạn sẽ cần yêu cầu Windows hiển thị cho bạn các tiện ích mở rộng tệp, nếu bạn chưa có. Windows ẩn các phần mở rộng tệp theo mặc định để đơn giản hóa mọi thứ. Bước này không cần thiết trên macOS hoặc Linux, mặc định hiển thị thông tin này.

Trên Windows 8 hoặc 10, bạn có thể chỉ cần nhấp vào tab "Chế độ xem" trên ruy-băng và chọn hộp "Tiện ích mở rộng tên tệp" để hiển thị chúng. Trên Windows 7, hãy nhấp vào Sắp xếp> Tùy chọn thư mục và tìm kiếm, nhấp vào tab “Chế độ xem” và bỏ chọn “Ẩn tiện ích mở rộng cho các loại tệp đã biết”.

Bây giờ bạn sẽ tạo tệp userChrome.css, đây thực sự chỉ là một tệp văn bản trống có đuôi.css thay vì phần mở rộng.txt.
Bây giờ bạn sẽ tạo tệp userChrome.css, đây thực sự chỉ là một tệp văn bản trống có đuôi.css thay vì phần mở rộng.txt.

Để làm như vậy, nhấp chuột phải vào khung bên phải tại đây và chọn Mới> Tài liệu văn bản. Đặt tên là “userChrome.css”, đảm bảo xóa phần mở rộng tệp.txt.

Windows sẽ cảnh báo bạn rằng bạn đang thay đổi phần mở rộng của tệp và điều này có thể là vấn đề đối với một số loại tệp nhất định. Nhấp vào “Có” để xác nhận thay đổi của bạn.

Trên macOS hoặc Linux, tạo một tệp văn bản trống có cùng tên.

Image
Image

Cách chỉnh sửa tệp userChrome.css

Bạn có thể sử dụng bất kỳ trình soạn thảo văn bản nào để chỉnh sửa tệp userChrome.css. Trình soạn thảo văn bản Notepad đi kèm với Windows hoạt động tốt. Nếu bạn muốn một trình soạn thảo văn bản mạnh mẽ hơn với nhiều tính năng hơn, chúng tôi thích Notepad ++.

Để chỉnh sửa tệp trong Notepad, nhấp chuột phải vào tệp và chọn "Chỉnh sửa".

Thêm bất kỳ điều chỉnh nào bạn muốn vào tệp bằng cách sao chép và dán chúng vào. Nếu bạn thêm nhiều chỉnh sửa, hãy chắc chắn thêm chúng vào tất cả các dòng của riêng chúng.
Thêm bất kỳ điều chỉnh nào bạn muốn vào tệp bằng cách sao chép và dán chúng vào. Nếu bạn thêm nhiều chỉnh sửa, hãy chắc chắn thêm chúng vào tất cả các dòng của riêng chúng.
Khi bạn hoàn tất, hãy lưu tệp bằng cách nhấp vào Tệp> Lưu trong Notepad.
Khi bạn hoàn tất, hãy lưu tệp bằng cách nhấp vào Tệp> Lưu trong Notepad.
Bất cứ khi nào bạn chỉnh sửa tệp userChrome.css, bạn sẽ phải đóng tất cả các cửa sổ Firefox đang mở và khởi chạy lại Firefox để các thay đổi của bạn có hiệu lực.
Bất cứ khi nào bạn chỉnh sửa tệp userChrome.css, bạn sẽ phải đóng tất cả các cửa sổ Firefox đang mở và khởi chạy lại Firefox để các thay đổi của bạn có hiệu lực.
Nếu bạn thấy mình quay lại thư mục “chrome” thường xuyên để chỉnh sửa tệp userChrome.css của mình, bạn có thể muốn tạo lối tắt trên màn hình tới thư mục hoặc thêm nó vào thư mục “Truy cập nhanh” trong File Explorer.
Nếu bạn thấy mình quay lại thư mục “chrome” thường xuyên để chỉnh sửa tệp userChrome.css của mình, bạn có thể muốn tạo lối tắt trên màn hình tới thư mục hoặc thêm nó vào thư mục “Truy cập nhanh” trong File Explorer.

Tệp userContent.css

Firefox cũng có tệp userContent.css mà bạn có thể chỉnh sửa và bạn có thể gặp phải một số chỉnh sửa nói rằng chúng dành cho tệp userContent.css.

Để sử dụng tệp này, chỉ cần tạo tệp có tên “userContent.css” trong cùng thư mục với thư mục Chrome của bạn. Tinh chỉnh bạn đặt trong tệp này sẽ ảnh hưởng đến “các trang nội dung” nội bộ của Firefox, như trang Tab mới và Tùy chọn.

Giúp tôi, tôi làm phiền một cái gì đó!

Nếu bạn gặp sự cố với tinh chỉnh, bạn có thể xóa nó khỏi tệp userChrome.css và khởi động lại Firefox. Nếu điều đó không hiệu quả, bạn hoàn toàn có thể xóa tệp userChrome.css và khởi động lại trình duyệt để xóa tất cả các thay đổi của mình và nhận giao diện Firefox mới.

Đề xuất: