ブックマークレットを使用して iOS 用 Safari で Web ページのフォント サイズを変更する
誰もがiOSデバイスでフォントサイズが耐えられないほど小さいWebページに出くわしたことがあります.通常、逆のピンチジェスチャーでテキストが読みやすくなりますが、固定幅のページではスクロールする必要があります.上下に加えて横向き。 iPhoneまたはiPadのリーダー機能を使用することで、フォントサイズの制限を回避できますが、それはすべてのWebサイトにとって理想的ではありません.これはまさに、Safari で直接アクセスできる 2 つのフォントサイズの増減ボタンを作成することで、2 つの便利なブックマークレットが解決しようとしていることです。
.それまでの間、これを機能させるために必要なことは次のとおりです。
増加関数と減少関数の両方について、このプロセスを別々に繰り返します:
- iPad または iPhone で Safari を開き、任意のページのブックマークを作成する
- 画面上部のブックマークボタンをタップして「編集」を選択
- 新しく作成されたブックマークを編集し、マイナス (-) またはプラス (+) 記号の名前を付け、目的の機能に応じて、以下に示す適切な JavaScript コードを貼り付けて URL を置き換えます
- ブックマークの変更を保存し、新しい 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 ブックマーク バーに配置することを推奨しています。