Computer >> Máy Tính >  >> Kết nối mạng >> Internet

Thay đổi giao diện của các tab được ghim trên Firefox

Đây là một trường hợp góc tò mò cho bạn. Khoảng một năm trước, Firefox Quantum đã giới thiệu một loạt các thay đổi cơ bản về cách thức hoạt động và hoạt động của nó, thay đổi lớn nhất trong số đó là việc chuyển sang WebExtensions. Động thái này đã khiến rất nhiều tiện ích mở rộng mạnh mẽ, thân thiện không còn hoạt động nữa, bao gồm một loạt tiện ích bổ trợ quản lý tab. Mặt khác, Firefox cũng mang đến tính năng ghim tab tích hợp. Nó hoạt động độc đáo. Nhưng.

Các tab được ghim sẽ tách ra khỏi thanh tab và tự định vị ở bên trái, giống như khu vực biểu tượng khởi chạy nhanh thông thường trên màn hình. Cho đến nay rất tốt, nhưng trường hợp góc được ở đây! Khi điều đó xảy ra, các tab được ghim tương đối hẹp, điều đó có nghĩa là không thể thực hiện hành động mở nhanh chóng. Bạn cần định vị chính xác con trỏ chuột của mình và điều đó có thể làm bạn chậm lại. Dường như không có tùy chọn tầm thường nào để thay đổi độ rộng của các tab được ghim. Do đó có hướng dẫn này.

Thay đổi giao diện của các tab được ghim trên Firefox

Làm cho các tab được ghim rộng hơn

Lần đầu tiên tôi gặp gỡ với tùy chỉnh giao diện người dùng Firefox khi chúng tôi thảo luận vui vẻ và kỹ lưỡng về việc mở rộng quy mô HD cho máy tính để bàn Linux Plasma. Tôi đã sử dụng một số thao tác ghi đè thủ công để tăng kích thước của giao diện người dùng, vì điều này là không thể khi sử dụng các giải pháp gốc trong môi trường máy tính để bàn, hoặc đúng hơn là có thể nhưng không đẹp. Bây giờ, chúng ta sẽ sử dụng phương pháp tương tự để làm cho các tab được ghim đẹp hơn.

Ghi đè giao diện người dùng Firefox có sẵn thông qua tệp userChrome.css trong thư mục hồ sơ Firefox của bạn. Tệp này chứa các khai báo CSS quy định giao diện của trình duyệt, rất giống với bất kỳ trang Web nào. Bạn có thể thay đổi phông chữ, màu sắc, đường viền, lề, phần đệm, bất cứ thứ gì. Tất nhiên, bạn cần hiểu một chút về cú pháp và cũng cần biết về các lớp khác nhau mà Firefox sử dụng cho giao diện của nó. Một đường dẫn điển hình của Windows sẽ là:

C:\Users\(tên người dùng của bạn)\AppData\Roaming\Mozilla\Firefox\Profiles\
(hồ sơ)\chrome\userChrome.css

Và một đường dẫn điển hình của Linux sẽ là:

~/.mozilla/firefox/(profile)/chrome/userChrome.css

Thay đổi giao diện của các tab được ghim trên Firefox

Với các tab được ghim, đây là những gì chúng tôi sẽ thêm vào:

/* Tab */
.tabbrowser-tab[pinned] {
padding-left:20px;
padding-right:20px;
}

Đoạn mã trên sẽ thêm phần đệm vào bên trái và bên phải của "biểu tượng" được ghim, làm cho các tab được ghim rộng hơn và dễ truy cập hơn - được căn giữa VÀ đối xứng - thêm 20 pixel. Bạn cũng có thể chỉ cần tăng chiều rộng của các tab, nhưng sau đó, các biểu tượng sẽ được căn chỉnh sang bên trái và bạn sẽ có nhiều khoảng trống ở bên phải, điều này có vẻ sai. Nó sẽ làm cho các pixies OCD của bạn bùng nổ. Việc sử dụng phần đệm bên trái và bên phải thống nhất sẽ tạo nên một bản sửa lỗi đẹp và trang nhã.

Thay đổi giao diện của các tab được ghim trên Firefox

Và theo một cách nào đó, đó là nó. Bob là chú của bạn!

Kết luận

Và chúng tôi ở đó. Các yêu cầu của OCD đã được đáp ứng và hài lòng. Firefox Quantum vẫn giữ được mức độ tùy biến khá tốt dù người dùng phổ thông ít tiếp cận hơn. Tôi hy vọng chức năng này vẫn còn, vì đó là một lợi thế đặc biệt mà Firefox có so với các trình duyệt khác. Khá nhiều thứ đã bị mất đi khi chuyển sang WebExtensions, sẽ thật đáng tiếc khi thấy một trình duyệt mô-đun, linh hoạt biến thành một hệ vỏ tĩnh, vô hồn, không mang lại lợi thế gì so với các đối thủ cạnh tranh.

Nếu bạn muốn sử dụng các tab được ghim của Firefox, giờ đây bạn cũng có tùy chọn trợ năng được cải thiện. Làm cho các tab rộng hơn biến chúng trở nên nhất quán hơn và phù hợp với thanh tab của bạn, đồng thời dễ dàng nhấn hơn bằng các thao tác chuột nhanh. Ngoài ra, bằng cách sử dụng phần ghi đè userChrome.css, bạn có thể cải thiện thêm bố cục giao diện người dùng của trình duyệt. Ví dụ, tăng khoảng cách dọc hoặc phần đệm. Dù sao, hy vọng bạn sẽ thấy hướng dẫn nhỏ này hữu ích. Hẹn gặp lại.

Chúc mừng.