Schimbați dimensiunea fontului paginilor web în Safari pentru iOS cu Bookmarklets
Toată lumea s-a lovit de o pagină web în care dimensiunea fontului este insuportabil de mică pe un dispozitiv iOS, de obicei, un gest de ciupire inversă va face textul lizibil, dar pe unele pagini care au o lățime fixă, atunci trebuie să derulezi lateral pe lângă sus și jos. Puteți să ocoliți limitarea dimensiunii fontului folosind funcția Reader pe un iPhone sau iPad, dar nici asta nu este ideal pentru fiecare site web.Acesta este exact ceea ce urmăresc să rezolve două marcaje utile, prin crearea a două butoane de mărire și scădere a mărimii fontului care pot fi accesate direct în Safari.
Această adăugare este atât de utilă încât conceptul ar trebui probabil inclus în versiunile viitoare de Safari pentru iOS, dar numai timpul va spune dacă se întâmplă acest lucru. Între timp, iată ce trebuie să faceți pentru ca acest lucru să funcționeze.
Repetați acest proces separat atât pentru funcțiile de creștere, cât și de descreștere:
- Deschide Safari pe iPad sau iPhone și creează un marcaj pentru orice pagină
- Atingeți butonul Marcaje din partea de sus a ecranului și alegeți „Editați”
- Editați marcajul nou creat, denumindu-l fie un simbol minus (-) sau plus (+) și înlocuiți adresa URL prin lipirea codului javascript corespunzător afișat mai jos, în funcție de funcția dorită
- Salvați modificarea marcajului și încărcați o pagină web nouă, apăsați pe butoanele + sau – pentru a testa în direct modificările dimensiunii fontului. Reîmprospătarea paginii restabilește dimensiunea fontului la valoarea implicită.
Reduce dimensiunea fontului (-)
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}"
Măriți dimensiunea fontului (+)
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}"
Aceste ajustări ale marcajelor funcționează prin editarea unei adrese URL a unui marcaj și înlocuirea acestuia cu un javascript care se modifică în comportamentul paginii, marcaje personalizate similare ne-au permis să vedem sursa paginii în iOS Safari și chiar să folosim Firebug pe iOS.
Această soluție foarte la îndemână vine de la Marcos.Kirsch.com.mx, care recomandă plasarea lor în bara de marcaje Safari pentru acces ușor.