Изменение размера шрифта веб-страниц в Safari для iOS с помощью букмарклетов
Каждый сталкивался с веб-страницей, где размер шрифта невыносимо мал на устройстве iOS, обычно жест обратного сжатия делает текст разборчивым, но на некоторых страницах с фиксированной шириной вам приходится прокручивать в сторону в дополнение к вверх и вниз. Вы можете обойти это ограничение размера шрифта, используя функцию чтения на 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 для быстрого доступа.