Vylepšite verziu prehliadača Google Reader iPhone vo svojom bočnom paneli pre systém Firefox

Vylepšite verziu prehliadača Google Reader iPhone vo svojom bočnom paneli pre systém Firefox
Vylepšite verziu prehliadača Google Reader iPhone vo svojom bočnom paneli pre systém Firefox

Video: Vylepšite verziu prehliadača Google Reader iPhone vo svojom bočnom paneli pre systém Firefox

Video: Vylepšite verziu prehliadača Google Reader iPhone vo svojom bočnom paneli pre systém Firefox
Video: How to remove extension from Mozilla Firefox? // Smart Enough - YouTube 2024, Apríl
Anonim

Ak ste veľkým fanúšikom programu Google Reader a Firefoxu, budete mať záujem vedieť, že iPhone verzia programu Reader od spoločnosti Google je perfektne vhodná pre bočný panel Firefoxu a pomocou niekoľkých vylepšení dokážeme naozaj dobre.

Môžeme ho prispôsobiť tak, aby sme odstránili záhlavie, vybrali si našu úvodnú stránku, zmiernili písma a dokonca sme odstránili výňatky, aby nám dali príjemný čistý zoznam, ako je tento:

Image
Image

Pridajte aplikáciu Google Reader iPhone Edition do bočného panela Firefoxu

Jediné, čo musíte urobiť, je kliknúť pravým tlačidlom myši kdekoľvek na paneli so záložkami a vybrať položku Nová záložka, uveďte jej (alebo ho nechajte prázdne) a vložte nasledujúcu adresu URL:

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

Uistite sa, že začiarkávate políčko "Načítať túto záložku na bočnom paneli" a skončíte.

Teraz, keď kliknete na záložku, uvidíte, že sa otvorí v bočnom paneli.
Teraz, keď kliknete na záložku, uvidíte, že sa otvorí v bočnom paneli.
Image
Image

Zmeniť záložku na otvorenie špecifickej značky (alebo stránky)

Prvým problémom je, že záložka sa predvolene zobrazí k zobrazeniu všetkých položiek, čo je pre tých z nás s veľmi veľkým počtom odberov zlé. Dávam prednosť otvoreniu aplikácie Reader so štítkom "obľúbené", ktorý je predvolene nastavený, takže to budeme musieť upraviť.

V bočnom paneli prejdite na požadovanú značku a potom kliknite pravým tlačidlom myši na prázdnu oblasť stránky a zvoľte "Zobraziť informácie o stránke"

Teraz uvidíte priamu adresu URL tejto stránky, ktorú môžete skopírovať do schránky …
Teraz uvidíte priamu adresu URL tejto stránky, ktorú môžete skopírovať do schránky …
A potom buď použite v novej záložke, alebo upravte existujúcu záložku, ktorú ste vytvorili.
A potom buď použite v novej záložke, alebo upravte existujúcu záložku, ktorú ste vytvorili.
Teraz, keď kliknete na záložku, uvidíte stránku, ktorú chcete radšej vidieť.
Teraz, keď kliknete na záložku, uvidíte stránku, ktorú chcete radšej vidieť.

Odstráňte škaredú modrú hranicu

Poznámka: Pre ostatné vylepšenia budete potrebovať Štýlové rozšírenie nainštalovaný alebo môžete vytvoriť súbor s názvom userContent.css v adresári s motívom prehliadača Firefox a vložiť tam kód.

Z ľubovoľného dôvodu má logo Google Reader okolo neho tento nepríjemný modrý okraj, ale môžeme ho odstrániť pomocou rýchleho štýlového skriptu.

Kliknite na štýlovú ikonu, vyberte položku Štýl písma a potom položku Prázdny štýl.
Kliknite na štýlovú ikonu, vyberte položku Štýl písma a potom položku Prázdny štýl.
Dajte štýlu popisné meno a potom prilepte nasledujúci text:
Dajte štýlu popisné meno a potom prilepte nasledujúci text:

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

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

Kliknutím na tlačidlo ukážky môžete okamžite zobraziť zmeny:
Kliknutím na tlačidlo ukážky môžete okamžite zobraziť zmeny:
Image
Image

Odstrániť záhlavie úplne

Namiesto toho, aby ste práve zmenili okraj, môžete odstrániť celú sekciu obrázka hlavičky, pretože to nie je naozaj potrebné. Upravte štýlový skript namiesto toho:

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

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

Kliknutím na tlačidlo Ukážka sa zobrazia nové zmeny …

Image
Image

Upravte veľkosť písma

Stránka pre iPhone je optimalizovaná pre drobný dotykový displej, takže písmo je pre mňa príliš veľké. Do štýlového skriptu môžeme pridať nasledujúci riadok, aby bol font mierne menší:

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

Ak sledujete, celý skript by mal teraz byť:

@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 máme oveľa kompaktnejšie zobrazenie, ľahšie čitateľné:

Image
Image

Zmeniť zoznam len na titulky

Všimnete si, že môžete vidieť prvé slová príspevku v zobrazení zoznamu … osobne by som radšej len zobraziť titulky. Pridajte do svojho skriptu nasledovné:

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

Teraz máme naozaj užitočnú aplikáciu na bočnom paneli:

Image
Image

Plný skript

Tu je konečná verzia tohto skriptu s odstráneným logom, zmenšená veľkosť písma a žiadne výňatky.

@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 by malo ilustrovať, prečo som taký veľký fanúšik Štýlový.

Odporúča: