Изменение размера шрифта веб-страниц в Safari для iOS с помощью букмарклетов

Anonim

Каждый сталкивался с веб-страницей, где размер шрифта невыносимо мал на устройстве iOS, обычно жест обратного сжатия делает текст разборчивым, но на некоторых страницах с фиксированной шириной вам приходится прокручивать в сторону в дополнение к вверх и вниз. Вы можете обойти это ограничение размера шрифта, используя функцию чтения на iPhone или iPad, но это не идеально для каждого веб-сайта.Это именно то, что два удобных букмарклета призваны решить, создав две кнопки увеличения и уменьшения размера шрифта, к которым можно получить доступ непосредственно в Safari.

Это дополнение настолько полезно, что эту концепцию, вероятно, следует включить в будущие версии Safari для iOS, но только время покажет, произойдет ли это. А пока вот что вам нужно сделать, чтобы это заработало.

Повторите этот процесс отдельно для функций увеличения и уменьшения:

  1. Откройте Safari на iPad или iPhone и создайте закладку для любой страницы
  2. Нажмите кнопку «Закладки» в верхней части экрана и выберите «Изменить»
  3. Отредактируйте только что созданную закладку, назвав ее символом минус (-) или плюс (+) и замените URL-адрес, вставив соответствующий код javascript, показанный ниже, в зависимости от желаемой функции
  4. Сохраните изменение закладки и загрузите новую веб-страницу, нажмите кнопки + или –, чтобы проверить изменения размера шрифта в реальном времени. Обновление страницы восстанавливает размер шрифта по умолчанию.

Уменьшить размер шрифта (-)

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 для быстрого доступа.

Изменение размера шрифта веб-страниц в Safari для iOS с помощью букмарклетов