Modifica la dimensione del carattere delle pagine Web in Safari per iOS con Bookmarklet
Tutti si sono imbattuti in una pagina web in cui la dimensione del carattere è insopportabilmente piccola su un dispositivo iOS, in genere un gesto di pizzicamento inverso renderà il testo leggibile ma su alcune pagine che hanno una larghezza fissa devi quindi scorrere lateralmente oltre che su e giù. Puoi in qualche modo aggirare la limitazione della dimensione del carattere utilizzando la funzione Reader su un iPhone o iPad, ma non è nemmeno l'ideale per tutti i siti web.Questo è esattamente ciò che due comodi bookmarklet mirano a risolvere, creando due pulsanti di aumento e diminuzione della dimensione del carattere a cui è possibile accedere direttamente in Safari.
Questa aggiunta è così utile che il concetto dovrebbe probabilmente essere incluso nelle versioni future di Safari per iOS, ma solo il tempo dirà se accadrà. Nel frattempo, ecco cosa devi fare per farlo funzionare.
Ripeti questo processo separatamente per entrambe le funzioni di incremento e decremento:
- Apri Safari su iPad o iPhone e crea un segnalibro per qualsiasi pagina
- Tocca il pulsante Segnalibri nella parte superiore dello schermo e scegli "Modifica"
- Modifica il segnalibro appena creato, nominandolo con il simbolo meno (-) o più (+) e sostituisci l'URL incollando il codice javascript appropriato mostrato di seguito, a seconda della funzione desiderata
- Salva la modifica del segnalibro e carica una nuova pagina Web, tocca i pulsanti + o - per testare in tempo reale le modifiche alla dimensione del carattere. L'aggiornamento della pagina ripristina la dimensione del carattere predefinita.
Riduci dimensione carattere (-)
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}"
Aumenta dimensione carattere (+)
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}"
Queste modifiche ai bookmarklet funzionano modificando l'URL di un segnalibro e sostituendolo con un javascript che modifica il comportamento della pagina, simili bookmarklet personalizzati ci hanno permesso di visualizzare l'origine della pagina in iOS Safari e persino di utilizzare Firebug su iOS.
Questa soluzione molto utile viene da Marcos.Kirsch.com.mx, che consiglia di inserirli nella barra dei segnalibri di Safari per un facile accesso.