Ändern Sie die Schriftgröße von Webseiten in Safari für iOS mit Bookmarklets
Jeder ist schon einmal auf eine Webseite gestoßen, auf der die Schriftgröße auf einem iOS-Gerät unerträglich klein ist. Normalerweise macht eine umgekehrte Pinch-Geste den Text lesbar, aber auf einigen Seiten mit fester Breite müssen Sie dann scrollen seitlich zusätzlich zu oben und unten. Sie können diese Beschränkung der Schriftgröße irgendwie umgehen, indem Sie die Reader-Funktion auf einem iPhone oder iPad verwenden, aber das ist auch nicht für jede Website ideal.Genau das wollen zwei praktische Lesezeichen lösen, indem sie zwei Sch altflächen zum Vergrößern und Verkleinern der Schriftgröße erstellen, auf die direkt in Safari zugegriffen werden kann.
Diese Ergänzung ist so nützlich, dass das Konzept wahrscheinlich in zukünftige Versionen von Safari für iOS aufgenommen werden sollte, aber nur die Zeit wird zeigen, ob dies geschieht. In der Zwischenzeit müssen Sie Folgendes tun, damit dies funktioniert.
Wiederholen Sie diesen Vorgang separat für die Erhöhen- und Verringern-Funktion:
- Öffnen Sie Safari auf dem iPad oder iPhone und erstellen Sie ein Lesezeichen für eine beliebige Seite
- Tippe oben auf dem Bildschirm auf die Sch altfläche „Lesezeichen“ und wähle „Bearbeiten“
- Bearbeiten Sie das neu erstellte Lesezeichen, benennen Sie es entweder mit einem Minuszeichen (-) oder einem Pluszeichen (+) und ersetzen Sie die URL, indem Sie je nach gewünschter Funktion den unten gezeigten JavaScript-Code einfügen
- Speichern Sie die Änderung des Lesezeichens und laden Sie eine neue Webseite, tippen Sie auf die Sch altflächen + oder –, um Änderungen der Schriftgröße live zu testen. Beim Aktualisieren der Seite wird die Standardschriftgröße wiederhergestellt.
Schriftgröße verringern (-)
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}"
Schriftgröße erhöhen (+)
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}"
Diese Lesezeichen-Optimierungen funktionieren, indem sie eine Lesezeichen-URL bearbeiten und durch ein Javascript ersetzen, das das Seitenverh alten ändert. Ähnliche benutzerdefinierte Lesezeichen haben es uns ermöglicht, den Seitenquelltext in iOS Safari anzuzeigen und sogar Firebug unter iOS zu verwenden.
Diese sehr praktische Lösung stammt von Marcos.Kirsch.com.mx, der empfiehlt, sie für einen einfachen Zugriff in der Safari-Lesezeichenleiste zu platzieren.