Tinh chỉnh Google Reader iPhone Edition trong thanh bên Firefox của bạn

Tinh chỉnh Google Reader iPhone Edition trong thanh bên Firefox của bạn
Tinh chỉnh Google Reader iPhone Edition trong thanh bên Firefox của bạn

Video: Tinh chỉnh Google Reader iPhone Edition trong thanh bên Firefox của bạn

Video: Tinh chỉnh Google Reader iPhone Edition trong thanh bên Firefox của bạn
Video: Hướng dẫn từng bước xây dựng Chrome Extensions đơn giản - YouTube 2024, Tháng mười một
Anonim

Nếu bạn là người hâm mộ lớn của cả Google Reader và Firefox, bạn sẽ muốn biết rằng phiên bản Trình đọc sách trên iPhone của Google hoàn toàn phù hợp với thanh bên của Firefox và với một vài chỉnh sửa, chúng tôi có thể làm cho nó phù hợp.

Chúng tôi có thể tùy chỉnh nó để loại bỏ tiêu đề, chọn trang bắt đầu của chúng tôi, giảm bớt phông chữ và thậm chí loại bỏ các trích đoạn để cung cấp cho chúng tôi một danh sách sạch đẹp như thế này:

Image
Image

Thêm Google Reader iPhone Edition vào thanh bên của Firefox

Tất cả những gì bạn phải làm là nhấp chuột phải vào bất kỳ nơi nào trên thanh dấu trang và chọn Dấu trang mới, đặt tên cho nó (hoặc để trống) và đặt vào URL sau:

https://www.google.com/reader/i/

Đảm bảo bạn chọn hộp "Tải dấu trang này trong thanh bên" và bạn đã hoàn tất.

Bây giờ, khi bạn nhấp vào dấu trang, bạn sẽ thấy dấu trang mở trong thanh bên.
Bây giờ, khi bạn nhấp vào dấu trang, bạn sẽ thấy dấu trang mở trong thanh bên.
Image
Image

Thay đổi dấu trang để mở thẻ cụ thể (hoặc trang)

Vấn đề đầu tiên là dấu trang mở ra cho tất cả các mục xem theo mặc định, đó là xấu cho những người trong chúng ta với một số lượng rất lớn các mục đăng ký. Tôi muốn mở Reader bằng thẻ "yêu thích" của mình được chọn theo mặc định, vì vậy chúng tôi sẽ phải điều chỉnh điều này.

Điều hướng trong thanh bên đến thẻ bạn muốn và sau đó nhấp chuột phải vào vùng trống của trang và chọn “Xem thông tin trang”

Bây giờ bạn sẽ thấy URL trực tiếp đến trang đó, mà bạn có thể sao chép vào khay nhớ tạm…
Bây giờ bạn sẽ thấy URL trực tiếp đến trang đó, mà bạn có thể sao chép vào khay nhớ tạm…
Và sau đó sử dụng trong dấu trang mới hoặc tùy chỉnh dấu trang hiện có mà bạn đã tạo.
Và sau đó sử dụng trong dấu trang mới hoặc tùy chỉnh dấu trang hiện có mà bạn đã tạo.
Giờ đây, bất cứ khi nào bạn nhấp vào dấu trang, bạn sẽ thấy trang bạn muốn xem.
Giờ đây, bất cứ khi nào bạn nhấp vào dấu trang, bạn sẽ thấy trang bạn muốn xem.

Loại bỏ đường viền Ugly Blue

Lưu ý: Đối với phần còn lại của các chỉnh sửa, bạn sẽ cần có Tiện ích phong cách đã cài đặt hoặc bạn có thể tạo một tệp có tên userContent.css trong thư mục chủ đề Firefox của bạn và đặt mã ở đó.

Vì lý do gì đó, logo của Google Reader có viền màu xanh khó chịu xung quanh nó, nhưng chúng ta có thể loại bỏ nó bằng một kịch bản phong cách nhanh chóng.

Nhấp vào biểu tượng Phong cách, chọn Viết kiểu và sau đó chọn Kiểu trống.
Nhấp vào biểu tượng Phong cách, chọn Viết kiểu và sau đó chọn Kiểu trống.
Đặt tên mô tả cho phong cách và sau đó dán vào văn bản sau:
Đặt tên mô tả cho phong cách và sau đó dán vào văn bản sau:

@namespace url(https://www.w3.org/1999/xhtml);

@-moz-document url-prefix(https://www.google.com/reader/i) {.logo img {border:0px !important;} }

Bạn có thể nhấp vào nút xem trước để xem các thay đổi ngay lập tức:
Bạn có thể nhấp vào nút xem trước để xem các thay đổi ngay lập tức:
Image
Image

Xóa tiêu đề hoàn toàn

Thay vì chỉ thay đổi đường viền, bạn có thể xóa toàn bộ phần hình ảnh tiêu đề vì nó không thực sự cần thiết. Thay vào đó, hãy điều chỉnh tập lệnh kiểu cách thành:

@namespace url(https://www.w3.org/1999/xhtml);

@-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} }

Nhấp vào nút Xem trước sẽ hiển thị các thay đổi mới…

Image
Image

Điều chỉnh kích thước phông chữ

Trang web của iPhone được tối ưu hóa cho màn hình hiển thị cảm ứng nhỏ, vì vậy phông chữ chỉ là cách quá lớn đối với sở thích của tôi. Chúng ta có thể thêm dòng sau vào kịch bản phong cách để làm cho phông chữ hơi nhỏ hơn:

* {font-size:0.97em !important; }

Nếu bạn đang theo dõi, toàn bộ tập lệnh bây giờ sẽ là:

@namespace url(https://www.w3.org/1999/xhtml);

@-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} * {font-size:0.97em !important; } }

Giờ đây, chúng tôi đã có chế độ xem nhỏ gọn hơn, dễ đọc hơn:

Image
Image

Đổi danh sách thành chỉ tiêu đề

Bạn sẽ nhận thấy rằng bạn có thể thấy một vài từ đầu tiên của bài đăng trong chế độ xem danh sách … cá nhân tôi chỉ muốn hiển thị dòng tiêu đề. Thêm phần sau vào tập lệnh của bạn:

span.item-snippet {display:none !important;} span.item-source-title{font-size:0.9em !important}

Bây giờ chúng tôi đã có một ứng dụng thanh bên thực sự hữu ích:

Image
Image

Toàn bộ tập lệnh

Đây là phiên bản cuối cùng của tập lệnh này, với thanh biểu tượng bị xóa, kích thước phông chữ nhỏ hơn và không có trích đoạn nào.

@namespace url(https://www.w3.org/1999/xhtml); @-moz-document url-prefix(https://www.google.com/reader/i) {.logo {display:none !important;} * {font-size:0.97em !important; } span.item-snippet {display:none !important;} span.item-source-title{font-size:0.9em !important} }

Điều này sẽ minh họa lý do tại sao tôi là một fan cuồng nhiệt của phong cách.

Đề xuất: