ブックマークレットを使用して iOS 用 Safari で Web ページのフォント サイズを変更する

Anonim

誰もがiOSデバイスでフォントサイズが耐えられないほど小さいWebページに出くわしたことがあります.通常、逆のピンチジェスチャーでテキストが読みやすくなりますが、固定幅のページではスクロールする必要があります.上下に加えて横向き。 iPhoneまたはiPadのリーダー機能を使用することで、フォントサイズの制限を回避できますが、それはすべてのWebサイトにとって理想的ではありません.これはまさに、Safari で直接アクセスできる 2 つのフォントサイズの増減ボタンを作成することで、2 つの便利なブックマークレットが解決しようとしていることです。

.それまでの間、これを機能させるために必要なことは次のとおりです。

増加関数と減少関数の両方について、このプロセスを別々に繰り返します:

  1. iPad または iPhone で Safari を開き、任意のページのブックマークを作成する
  2. 画面上部のブックマークボタンをタップして「編集」を選択
  3. 新しく作成されたブックマークを編集し、マイナス (-) またはプラス (+) 記号の名前を付け、目的の機能に応じて、以下に示す適切な JavaScript コードを貼り付けて URL を置き換えます
  4. ブックマークの変更を保存し、新しい Web ページをロードします。+ または – ボタンをタップして、フォント サイズの変更をライブでテストします。ページを更新すると、フォント サイズがデフォルトに戻ります。

フォントサイズを小さくする (-)

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}"

.

この非常に便利なソリューションは Marcos.Kirsch.com.mx から提供されたもので、簡単にアクセスできるように Safari ブックマーク バーに配置することを推奨しています。

ブックマークレットを使用して iOS 用 Safari で Web ページのフォント サイズを変更する