שנה את גודל הגופן של דפי אינטרנט ב-Safari עבור iOS עם Bookmarklets
כולם נתקלו בדף אינטרנט שבו גודל הגופן קטן בצורה בלתי נסבלת במכשיר iOS, בדרך כלל תנועת צביטה הפוכה תהפוך את הטקסט לקריא, אבל בחלק מהעמודים שיש להם רוחב קבוע תצטרך לגלול הצידה בנוסף למעלה ולמטה. אתה יכול לעקוף את מגבלת גודל הגופן הזו על ידי שימוש בתכונת הקורא באייפון או אייפד, אבל גם זה לא אידיאלי עבור כל אתר אינטרנט.זה בדיוק מה ששתי סימניות שימושיות שואפות לפתור, על ידי יצירת שני לחצני הגדלה והקטנה של גודל גופן שאליהם ניתן לגשת ישירות בספארי.
התוספת הזו כל כך שימושית שהקונספט צריך כנראה להיכלל בגרסאות עתידיות של Safari עבור iOS אבל רק הזמן יגיד אם זה יקרה. בינתיים, הנה מה שאתה צריך לעשות כדי שזה יעבוד.
חזור על תהליך זה בנפרד עבור פונקציות ההגדלה וההפחתה כאחד:
- פתח את Safari באייפד או באייפון וצור סימניה לכל דף
- הקש על כפתור הסימניות בחלק העליון של המסך ובחר "ערוך"
- ערוך את הסימניה החדשה שנוצרה, שים לה סימן מינוס (-) או פלוס (+) והחלף את כתובת האתר על ידי הדבקת קוד ה-Javascript המתאים המוצג להלן, בהתאם לפונקציה הרצויה
- שמור את שינוי הסימנייה וטען דף אינטרנט חדש, הקש על הלחצנים + או – כדי לבדוק את השינויים בגודל הגופן בזמן אמת. רענון הדף משחזר את גודל הגופן לברירת המחדל שלו.
הקטנת גודל גופן (-)
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 לגישה קלה.