Tùy chỉnh Firefox 57 bằng CSS
- Thể LoạI: Firefox
CSS tùy chỉnh cho Fx là một bộ sưu tập các kiểu CSS dành cho Firefox 57 và mới hơn của tác giả của tiện ích bổ sung Firefox Classic Theme Restorer phổ biến.
Firefox 57 sẽ không hỗ trợ Trình khôi phục chủ đề cổ điển hoặc bất kỳ tiện ích mở rộng hoặc chủ đề thay đổi giao diện nào khác do việc chuyển sang hệ thống độc quyền của WebExtensions. Hệ thống WebExtensions mới ngăn chặn các thay đổi đối với giao diện người dùng của trình duyệt bằng cách không cung cấp API cho các nhà phát triển tiện ích mở rộng.
Tùy chọn duy nhất còn lại cho người dùng Firefox để sửa đổi giao diện người dùng, ngoài những gì Mozilla cung cấp ban đầu trong Firefox, là sử dụng CSS.
Người dùng Firefox biết cách sử dụng CSS có thể chỉnh sửa các tệp CSS theo cách thủ công để sửa đổi phiên bản trình duyệt web của họ. Mặt khác, hầu hết người dùng Firefox có thể không, và đó là lúc CSS tùy chỉnh cho Fx phát huy tác dụng.
Tùy chỉnh Firefox 57 bằng CSS
Dự án được lưu trữ trên GitHub và nó được duy trì bởi Aris, người được biết đến với các tiện ích bổ sung phổ biến của Firefox như Classic Theme Restorer và NoiaButtons. Trình khôi phục chủ đề cổ điển được tạo ra như một phản hồi với giao diện Australis mà Mozilla đã khởi chạy trong Firefox 29. Tiện ích này sẽ không hoạt động trong Firefox 57 hoặc mới hơn nữa vì Mozilla đã bỏ hỗ trợ cho các tiện ích bổ sung cũ trong phiên bản Firefox đó và không giới thiệu khả năng sửa đổi giao diện người dùng dưới dạng API WebExtensions.
Trang bắt đầu của dự án cung cấp thông tin về cách định vị thư mục hồ sơ của trình duyệt web Firefox và sử dụng các kiểu được cung cấp để sửa đổi Firefox.
Cách dễ nhất để định vị thư mục hồ sơ là tải about: support trên thanh địa chỉ của trình duyệt và nhấp vào nút 'mở thư mục' trong Cơ bản về Ứng dụng> Thư mục Hồ sơ.
Bạn cần tạo một thư mục có tên là chrome nếu nó không tồn tại trong thư mục gốc của thư mục hồ sơ. Sau khi hoàn tất, hãy sao chép nội dung của kho lưu trữ vào thư mục đó. Đảm bảo rằng userChrome.css và userContent.css nằm trong thư mục gốc của thư mục chrome.
Đây là tất cả những gì cần làm để thêm các kiểu tùy chỉnh này vào Firefox. Tuy nhiên, có một bước khác mà bạn có thể muốn thực hiện, đó là tùy chỉnh các chỉnh sửa.
Bộ chỉnh sửa mặc định có thể thu hút một số người dùng, nhưng các tệp CSS đi kèm với các tùy chọn để bật hoặc tắt các chỉnh sửa khác nhau để thay đổi giao diện hơn nữa.
Mở tệp userChrome.css trong trình soạn thảo văn bản thuần túy. Tệp sử dụng lệnh @import để nhập các kiểu CSS thực tế từ tệp CSS. Điều này được thực hiện để giữ cho userChrome.css chính gọn gàng và giúp người dùng Firefox sửa đổi nó dễ dàng hơn.
Các dòng bắt đầu bằng / * được chú thích và các tệp CSS mà chúng liên kết đến không được nhập vì điều đó.
Những gì bạn cần làm là xem qua từng phần trong danh sách để xác định xem bạn muốn bật những tinh chỉnh nào trong Firefox.
Bạn dỡ bỏ các chỉnh sửa bằng cách thêm / * ở phía trước dòng và * / ở phía sau. Tương tự, bạn bỏ dấu / * ở phía trước và * / ở phía sau để kích hoạt một tinh chỉnh.
Đây là danh sách các chỉnh sửa hiện có sẵn:
- Sửa đổi các nút trên thanh công cụ điều hướng.
- Bật các nút Bình phương
- Thay đổi giao diện biểu tượng
- Thay đổi cửa sổ bật lên của nút ứng dụng.
- Thay đổi menu dấu trang và giao diện cửa sổ bật lên.
- Giao diện nút trên thanh công cụ dấu trang cũ
- Cài đặt nút khác (ẩn nút chuyển tiếp, nút lùi và chuyển tiếp tách biệt lịch sử bật lên, nút thu phóng ẩn đặt lại).
- Tùy chỉnh các nút quay lại và chuyển tiếp
- Nút ứng dụng / bánh hamburger trên thanh công cụ điều hướng
- Nút ứng dụng / bánh hamburger trên thanh tiêu đề của Firefox (chỉ dành cho Windows)
- Giao diện tab (kiểu, vị trí thanh công cụ, chẳng hạn như bên dưới thanh công cụ (đọc: tab không ở trên cùng), tiêu đề tab, biểu tượng, v.v.
- Sửa đổi thanh tìm kiếm, menu ngữ cảnh, biểu tượng và các thanh công cụ khác.
- Thay đổi kiểu của thanh vị trí.
Một số trong số này là tự giải thích. Những người khác thì không, nhưng bạn có hai lựa chọn khi nói đến những điều này. Bật chúng lên và kiểm tra chúng trực tiếp hoặc mở tệp CSS được tải để tìm hiểu những gì chúng làm. Tuy nhiên, phần sau yêu cầu một số kiến thức về CSS.
Tệp userContent.css sử dụng cùng một bố cục. Nó nhập các tệp CSS và bạn có thể bật hoặc tắt chúng.
Dự án cũng cung cấp danh sách các chỉnh sửa giao diện gốc đề xuất và các chỉnh sửa about: config để sửa đổi thêm giao diện của Firefox.
Chốt lời
CSS tùy chỉnh cho Fx cung cấp nhiều sửa đổi giao diện cho giao diện của Firefox 57 mà không thể thực hiện được bằng cách sử dụng các tiện ích mở rộng hoặc sử dụng các tính năng tích hợp sẵn. Người dùng Firefox hiện tại có thể thấy nó hữu ích, đặc biệt nếu họ đã sử dụng Trình khôi phục chủ đề cổ điển hoặc một tiện ích bổ sung tương đương cho đến bây giờ.
Các bản cập nhật được phát hành thường xuyên bởi Aris; điều đó không chỉ tốt cho chức năng mới có thể được giới thiệu thông qua các chỉnh sửa mà còn để giữ các kiểu tương thích với các bản phát hành Firefox mới.