Змініть розмір шрифту веб-сторінок у Safari для iOS за допомогою букмарклетів
Кожен стикався з веб-сторінкою, де розмір шрифту нестерпно малий на пристрої 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 для легкого доступу.