Cách tùy chỉnh giao diện người dùng của Firefox với userChrom.css
Giao diện của Firefox Quantum vẫn cực kỳ tùy biến nhờ vào tệp userChrom.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à làm những việc khác thường không thể thực hiện được.
Cách thức hoạt động
Tệp userChrome.css của Firefox là tệp kiểu bảng xếp tầng (CSS) mà Firefox sử dụng. Mặc dù các biểu định kiểu thường được áp dụng cho các trang web, nhưng biểu đị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 giao diện và bố cục của mọi thứ xung quanh trang web iteslf. Bạn thực sự 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 có gì để làm với Google Chrome. Chrome Chrome đề cập đến giao diện người dùng của trình duyệt web, đó là tên Google Chrome được đặt theo tên.
Tệp userChrome.css đã tồn tại trong Firefox từ lâu, nhưng nó được coi là có tầm quan trọng mới với Firefox Quantum. Nhiều chỉnh sửa trước đây có thể được thực hiện bằng các tiện ích bổ sung của trình duyệt 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 thấy các chỉnh sửa trực tuyến. Nếu bạn muốn thực hiện một thay đổi nhất định, người khác có thể đã tìm ra cách thực hiện 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: Một danh sách ngắn các tinh chỉnh thú vị thể hiện sức mạnh của userChrome.css.
- Tinh chỉnh CSS cổ điển: Kho lưu trữ các chỉnh sửa userChrom.css từ tác giả của tiện ích mở rộng Trình phục hồi chủ đề cổ điển, không còn hoạt động trên Firefox Quantum.
- userChrom Tweaks: Một bộ sưu tập các tinh chỉnh Firefox thú vị.
- 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 subreddit để 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 nhập liệu nếu bạn không thể tìm thấy một chỉnh sửa mà bạn thực sự muốn.
- Hướng dẫn chỉnh sửa Menu ngữ cảnh của bạn: Hướng dẫn xóa các mục khỏi menu ngữ cảnh của Firefox và thay đổi thứ tự của chúng trong danh sách, được lấy từ subreddit của FirefoxCSS.
Hãy nhớ rằng các phiên bản cũ hơn của Firefox có giao diện khác. Các chỉnh sửa userChrome.css cũ hơn mà 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 bạn đang làm gì với CSS, bạn có thể kích hoạ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 bằng mã CSS của riêng bạn.
Cách tạo tệp userChrom.css của bạn
Tệp userChrome.css không tồn tại theo mặc định, vì vậy một khi bạn có một hoặc hai điều chỉnh bạn muốn thử, trước tiên bạn phải tạo tệp ở vị trí thích hợp 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, nhấp vào menu> Trợ giúp> Thông tin khắc phục sự cố trong Firefox.
Nhấp vào nút Thư mục mở của Thư mục ở bên phải Thư mục Hồ sơ để mở. (Trên macOS hoặc Linux, thay vào đó, bạn sẽ thấy nút Hiển thị trong Finder Finder hoặc Nút Mở Thư mục Mở. Các hướng dẫn sau đây cho thấy quy trình trên Windows, nhưng về cơ bản là giống nhau trên Mac và Linux trình quản lý tập tin và trình soạn thảo văn bản khác nhau.)
Nếu bạn thấy một thư mục có tên là Chrome chrome trong thư mục hồ sơ xuất hiện, bấm đúp vào nó. Tuy nhiên, có lẽ bạn sẽ không, vì thư mục này không được tạo bởi các phiên bản hiện đại của Firefox.
Để tạo thư mục, nhấp chuột phải vào khung bên phải và chọn Mới> Thư mục. Đặt tên cho nó là chrome chrome, nhấn Enter, sau đó bấm đú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.
Trên Windows 8 hoặc 10, bạn có thể chỉ cần nhấp vào tab Chế độ xem View trên ruy-băng và kiểm tra phần mở rộng tên Tệp Tệp Hộp để hiển thị chúng. Trên Windows 7, 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 Xem Chế độ xem và bỏ chọn các tiện ích mở rộng Ẩn 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ó phần mở rộng .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 ở đây và chọn Mới> Tài liệu văn bản. Đặt tên cho nó là user userRrom.css, hãy đả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à đây có thể là sự cố đối với một số loại tệp nhất định. Nhấp vào Có 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.
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 có trong 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 Chỉnh sửa.
Thêm bất kỳ chỉnh sửa 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 đảm bảo thêm tất cả chúng trên các dòng riêng của 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.
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 thường xuyên quay lại thư mục Chrome chrome, để chỉnh sửa tệp userChrome.css của mình, bạn có thể muốn tạo một lối tắt trên màn hình vào thư mục hoặc thêm nó vào thư mục Truy cập nhanh của Thư mục 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ể vấp phải một số chỉnh sửa cho biết chúng dành cho tệp userContent.css.
Để sử dụng tệp này, chỉ cần tạo một tệp có tên là user userentent.css, trong cùng thư mục với thư mục Chrome của bạn. Các tinh chỉnh bạn đặt trong tệp này ảnh hưởng đến các trang nội dung trên YouTube của Firefox, như các trang Tùy chọn và Tab mới.
Giúp tôi với!
Nếu bạn gặp phải sự cố với một 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 bạn và nhận giao diện Firefox mới.
