Canvieu la mida del tipus de lletra de les pàgines web a Safari per a iOS amb Bookmarklets
Tothom ha trobat una pàgina web on la mida del tipus de lletra és insuportablement petita en un dispositiu iOS, normalment un gest de pessiga inversa farà que el text sigui llegible, però en algunes pàgines que tenen una amplada fixa cal desplaçar-se. de costat a més d'amunt i avall. Podeu evitar aquesta limitació de mida de lletra utilitzant la funció Reader en un iPhone o iPad, però tampoc és ideal per a tots els llocs web.Això és precisament el que pretenen resoldre dos útils bookmarklets, mitjançant la creació de dos botons d'augment i disminució de la mida de la lletra als quals es pot accedir directament a Safari.
Aquesta addició és tan útil que probablement s'hauria d'incloure el concepte en futures versions de Safari per a iOS, però només el temps dirà si això passa. Mentrestant, aquí teniu el que heu de fer perquè això funcioni.
Repetiu aquest procés per separat tant per a les funcions d'augment com de disminució:
- Obre Safari a l'iPad o a l'iPhone i crea un marcador per a qualsevol pàgina
- Toqueu el botó Adreces d'interès a la part superior de la pantalla i trieu “Edita”
- Editeu el marcador acabat de crear, anomenant-lo amb un símbol menys (-) o més (+) i substituïu l'URL enganxant el codi javascript adequat que es mostra a continuació, depenent de la funció desitjada
- Deseu el canvi d'adreces d'interès i carregueu una pàgina web nova, toqueu els botons + o – per provar els canvis de mida de lletra en directe. En actualitzar la pàgina, es restaura la mida de la lletra a la seva mida predeterminada.
Disminueix la mida de la lletra (-)
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}"
Augmenta la mida de la lletra (+)
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}"
Aquests retocs de marcadors funcionen editant un URL d'adreces d'interès i substituint-lo per un javascript que canvia el comportament de la pàgina, marcadors personalitzats similars ens han permès veure la font de la pàgina a iOS Safari i fins i tot utilitzar Firebug a iOS.
Aquesta solució tan útil ve de Marcos.Kirsch.com.mx, que recomana col·locar-los a la barra d'adreces d'interès de Safari per accedir-hi fàcilment.