Ändra teckenstorleken på webbsidor i Safari för iOS med Bookmarklets

Anonim

Alla har stött på en webbsida där teckenstorleken är outhärdligt liten på en iOS-enhet, vanligtvis gör en omvänd nypningsgest texten läsbar men på vissa sidor som har en fast bredd måste du sedan bläddra i sidled förutom upp och ner. Du kan liksom komma runt den teckenstorleksbegränsningen genom att använda Reader-funktionen på en iPhone eller iPad, men det är inte heller idealiskt för alla webbplatser.Detta är precis vad två praktiska bokmärken syftar till att lösa genom att skapa två knappar för ökning och minskning av teckenstorlek som kan nås direkt i Safari.

Det här tillägget är så användbart att konceptet förmodligen borde inkluderas i framtida versioner av Safari för iOS, men bara tiden får utvisa om det händer. Under tiden är det här vad du behöver göra för att få det här att fungera.

Upprepa denna process separat för både öknings- och minskningsfunktionerna:

  1. Öppna Safari på iPad eller iPhone och skapa ett bokmärke för vilken sida som helst
  2. Tryck på bokmärkesknappen högst upp på skärmen och välj "Redigera"
  3. Spara bokmärkesändringen och ladda en ny webbsida, tryck på + eller – knapparna för att testa teckenstorleksändringar live. Om du uppdaterar sidan återställs teckensnittsstorleken till dess standard.

Minska teckenstorlek (-)

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

Öka teckenstorlek (+)

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

Dessa bokmärkesjusteringar fungerar genom att redigera en bokmärkes-URL och ersätta den med ett javascript som ändras på sidans beteende, liknande anpassade bokmärken har tillåtit oss att visa sidkälla i iOS Safari och till och med använda Firebug på iOS.

Den här mycket praktiska lösningen kommer från Marcos.Kirsch.com.mx, som rekommenderar att du placerar dem i Safaris bokmärkesfält för enkel åtkomst.

Ändra teckenstorleken på webbsidor i Safari för iOS med Bookmarklets