A weboldalak betűméretének módosítása az iOS Safari programban könyvjelzőkkel
Mindenki belefutott már olyan weboldalba, ahol a betűméret elviselhetetlenül kicsi iOS-eszközön, általában egy fordított összehúzó kézmozdulat teszi olvashatóvá a szöveget, de bizonyos fix szélességű oldalakon görgetni kell oldalra a fel és le mellett. A betűméret-korlátozást megkerülheti az iPhone vagy iPad Reader funkciójának használatával, de ez sem ideális minden webhelyhez.Pontosan ezt kívánja megoldani két praktikus könyvjelző, két betűméret-növelő és -csökkentő gomb létrehozásával, amelyek közvetlenül elérhetők a Safariban.
Ez a kiegészítés annyira hasznos, hogy a koncepciót valószínűleg be kell építeni a Safari iOS-re jövőbeli verzióiba, de csak az idő fogja eldönteni, hogy ez megtörténik-e. Addig is a következőket kell tennie, hogy ez működjön.
Ismételje meg ezt a folyamatot külön-külön mind a növelési, mind a csökkentési funkciókhoz:
- Nyissa meg a Safarit iPaden vagy iPhone-on, és hozzon létre könyvjelzőt bármelyik oldalhoz
- Érintse meg a Könyvjelzők gombot a képernyő tetején, és válassza a „Szerkesztés” lehetőséget.
- Szerkessze az újonnan létrehozott könyvjelzőt, nevezze el mínusz (-) vagy plusz (+) jellel, és cserélje ki az URL-t az alább látható megfelelő JavaScript kód beillesztésével, a kívánt funkciótól függően
- Mentse el a könyvjelző módosítását, és töltsön be egy új webold alt, érintse meg a + vagy – gombot a betűméret változásának élőben történő teszteléséhez. Az oldal frissítése visszaállítja a betűméretet az alapértelmezettre.
Betűméret csökkentése (-)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px}"
Betűméret növelése (+)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px}"
Ezek a könyvjelző-beállítások úgy működnek, hogy szerkesztik a könyvjelző URL-jét, és lecserélik egy JavaScript-re, amely megváltoztatja az oldal viselkedését. A hasonló egyéni könyvjelzők lehetővé tették számunkra, hogy megtekintsük az oldal forrását az iOS Safariban, és még a Firebugot is használjuk iOS rendszeren.
Ez a nagyon praktikus megoldás a Marcos.Kirsch.com.mx webhelyről származik, aki azt javasolja, hogy helyezze el őket a Safari könyvjelzősávjába a könnyű hozzáférés érdekében.