Αλλαγή του μεγέθους γραμματοσειράς των ιστοσελίδων στο Safari για iOS με Bookmarklets

Anonim

Όλοι έχουν συναντήσει μια ιστοσελίδα όπου το μέγεθος της γραμματοσειράς είναι αφόρητα μικρό σε μια συσκευή iOS, συνήθως μια αντίστροφη κίνηση τσιμπήματος θα κάνει το κείμενο ευανάγνωστο, αλλά σε ορισμένες σελίδες που έχουν σταθερό πλάτος, στη συνέχεια πρέπει να κάνετε κύλιση πλάγια εκτός από πάνω και κάτω. Μπορείτε να ξεπεράσετε αυτόν τον περιορισμό μεγέθους γραμματοσειράς χρησιμοποιώντας τη λειτουργία Reader σε ένα 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, ));}άλλο{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, ));}άλλο{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, ));}άλλο{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, ));}άλλο{var s=12;}s+=2;p.style.fontSize=s+px}"

Αυτές οι προσαρμογές σελιδοδεικτών λειτουργούν με την επεξεργασία μιας διεύθυνσης URL σελιδοδεικτών και την αντικατάστασή της με ένα javascript που αλλάζει στη συμπεριφορά της σελίδας, παρόμοια προσαρμοσμένα σελιδοδείκτες μας επέτρεψαν να προβάλουμε την πηγή σελίδας στο iOS Safari και ακόμη και να χρησιμοποιήσουμε το Firebug στο iOS.

Αυτή η πολύ εύχρηστη λύση προέρχεται από το Marcos.Kirsch.com.mx, ο οποίος συνιστά την τοποθέτησή τους στη γραμμή σελιδοδεικτών του Safari για εύκολη πρόσβαση.

Αλλαγή του μεγέθους γραμματοσειράς των ιστοσελίδων στο Safari για iOS με Bookmarklets