Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox

Wideo: Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox

Wideo: Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox
Wideo: Горячие клавиши Windows 10 секретные комбинации 2024, Marsz
Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox
Zmień czytnik Google iPhone'a na pasku bocznym przeglądarki Firefox
Anonim

Jeśli jesteś wielkim fanem zarówno Czytnika Google, jak i Firefoksa, będziesz chciał wiedzieć, że iPhone'a w wersji dla iPhone'a idealnie pasuje do paska bocznego Firefoksa, a dzięki kilku poprawkom możemy sprawić, że naprawdę będzie dobrze pasował.

Możemy go dostosować, aby usunąć nagłówek, wybrać naszą stronę początkową, odcień czcionki, a nawet usunąć fragmenty, aby dać nam ładną czystą listę, taką jak ta:

Image
Image

Dodaj Google Reader iPhone Edition do paska bocznego przeglądarki Firefox

Wszystko, co musisz zrobić, to kliknąć prawym przyciskiem myszy w dowolnym miejscu na pasku zakładek i wybrać opcję Nowa zakładka, nadać jej nazwę (lub pozostawić to pole puste) i umieścić następujący adres URL:

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

Upewnij się, że zaznaczyłeś pole "Wczytaj tę zakładkę na pasku bocznym" i gotowe.

Teraz po kliknięciu zakładki zobaczysz, że otwiera się ona na pasku bocznym.
Teraz po kliknięciu zakładki zobaczysz, że otwiera się ona na pasku bocznym.
Image
Image

Zmień zakładkę na Otwórz konkretny znacznik (lub stronę)

Pierwszy problem polega na tym, że zakładka otwiera domyślnie widok wszystkich elementów, co jest niekorzystne dla osób z bardzo dużą liczbą subskrypcji. Preferuję otwieranie czytnika Reader z moim tagiem "ulubionych" wybranym domyślnie, więc musimy to zmienić.

Przejdź na pasku bocznym do znacznika, który chcesz, a następnie kliknij prawym przyciskiem myszy w pustym obszarze strony i wybierz "Wyświetl informacje o stronie"

Teraz zobaczysz bezpośredni URL do tej strony, który możesz skopiować do schowka …
Teraz zobaczysz bezpośredni URL do tej strony, który możesz skopiować do schowka …
A następnie użyj w nowej zakładce lub dostosuj istniejącą zakładkę, którą utworzyłeś.
A następnie użyj w nowej zakładce lub dostosuj istniejącą zakładkę, którą utworzyłeś.
Teraz, gdy klikniesz zakładkę, zobaczysz stronę, którą chcesz wyświetlić.
Teraz, gdy klikniesz zakładkę, zobaczysz stronę, którą chcesz wyświetlić.

Usuń brzydką niebieską obwódkę

Uwaga: w pozostałych przypadkach musisz mieć Stylowe przedłużenie zainstalowane lub możesz utworzyć plik o nazwie userContent.css w katalogu tematycznym Firefox i umieścić tam kod.

Z jakiegoś powodu logo Google Reader ma tę irytującą niebieską ramkę wokół niego, ale możemy to usunąć za pomocą szybkiego, stylowego skryptu.

Kliknij ikonę Styl, wybierz Napisz styl, a następnie Pusty styl.
Kliknij ikonę Styl, wybierz Napisz styl, a następnie Pusty styl.
Nadaj stylowi opisową nazwę, a następnie wklej następujący tekst:
Nadaj stylowi opisową nazwę, a następnie wklej następujący tekst:

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

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

Możesz kliknąć przycisk podglądu, aby zobaczyć zmiany od razu:
Możesz kliknąć przycisk podglądu, aby zobaczyć zmiany od razu:
Image
Image

Całkowicie usuń nagłówek

Zamiast zmieniać tylko granicę, możesz usunąć całą sekcję obrazu nagłówka, ponieważ nie jest to konieczne. Dopasuj stylowy skrypt tak, aby był następujący:

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

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

Kliknięcie przycisku Podgląd spowoduje wyświetlenie nowych zmian …

Image
Image

Dostosuj rozmiar czcionki

Strona iPhone'a jest zoptymalizowana pod kątem małego ekranu dotykowego, więc czcionka jest po prostu zbyt duża dla mojego gustu. Do stylowego skryptu możemy dodać następującą linię, aby czcionka była nieco mniejsza:

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

Jeśli podążacie za nim, pełny skrypt powinien wyglądać teraz tak:

@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; } }

Teraz mamy znacznie bardziej kompaktowy widok, łatwiejszy do odczytania:

Image
Image

Zmień listę tylko na nagłówki

Zauważysz, że możesz zobaczyć kilka pierwszych słów wpisu w widoku listy … osobiście wolę po prostu wyświetlać nagłówki. Dodaj następujące elementy do skryptu:

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

Teraz mamy naprawdę użyteczną aplikację na pasku bocznym:

Image
Image

Pełny skrypt

Oto ostateczna wersja tego skryptu, z usuniętym paskiem logo, mniejszym rozmiarem czcionki i brakiem fragmentów.

@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} }

To powinno zilustrować, dlaczego jestem tak wielkim fanem Stylish.

Zalecana: