Променете размера на шрифта на уеб страниците в Safari за iOS с Bookmarklets
Всеки се е сблъсквал с уеб страница, където размерът на шрифта е непоносимо малък на iOS устройство, обикновено жестът с обратно прищипване ще направи текста четлив, но на някои страници, които имат фиксирана ширина, след това трябва да превъртите настрани в допълнение към нагоре и надолу. Можете да заобиколите това ограничение за размера на шрифта, като използвате функцията Reader на iPhone или iPad, но това също не е идеално за всеки уебсайт.Точно това се стремят да разрешат два удобни отметки, като създадат два бутона за увеличаване и намаляване на размера на шрифта, които могат да бъдат достъпни директно в Safari.
Това допълнение е толкова полезно, че концепцията вероятно трябва да бъде включена в бъдещите версии на Safari за iOS, но само времето ще покаже дали това ще се случи. Междувременно ето какво трябва да направите, за да заработи това.
Повторете този процес отделно както за функциите за увеличаване, така и за намаляване:
- Отворете Safari на iPad или iPhone и създайте отметка за всяка страница
- Докоснете бутона Отметки в горната част на екрана и изберете „Редактиране“
- Редактирайте новосъздадената отметка, като я наименувате със символ минус (-) или плюс (+) и заменете URL адреса, като поставите съответния javascript код, показан по-долу, в зависимост от желаната функция
- Запазете промяната на отметката и заредете нова уеб страница, докоснете бутоните + или –, за да тествате на живо промените в размера на шрифта. Опресняването на страницата възстановява размера на шрифта до стандартния.
Намаляване на размера на шрифта (-)
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}"
Увеличете размера на шрифта (+)
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}"
Тези ощипвания на отметки работят, като редактират URL адрес на отметка и го заменят с javascript, който променя поведението на страницата, подобни персонализирани отметки ни позволиха да преглеждаме изходния код на страницата в iOS Safari и дори да използваме Firebug на iOS.
Това много удобно решение идва от Marcos.Kirsch.com.mx, който препоръчва да ги поставите в лентата с отметки на Safari за лесен достъп.