jQuery mobile שיעור 1: למה צריך להתאים ל – mobile

JQuery_mobile_logo

טלפונים חכמים הם בסך הכל מן מחשבים קטנים שכאלה, ומכילים דפדפן אינטרנט "אמיתי". דפדפנים בטלפונים החכמים (כל החברות) מבוססים על פרוייקט webkit (שעליו מבוססים דפדפני Chrome, Safari ואחרים). אם כך – מדוע צריכה להיות בעיה להציג דפי אינטרנט רגילים במכשיר נייד ? עיקר ההבדל הוא כמובן בגודל, ובעוד כמה פרטים.

ניסוי ראשון – דף web

כתבתי לי דף אינטרנט בסיסי לתצוגה במסך: (למען הקריאות הבאתי לכאן רק את חלק ה – body)

בדפדפן אינטרנט רגיל הדף נראה לא רע: MobileDemo1 אולי לא דף מעוצב במיוחד, אבל נראה קריא וברור. הכפתור ממש מזמין אותנו ללחוץ עליו (כמובן שהוא לא עושה כלום). הנה אותו הדף באמולטור מובייל (מדמה מסך של דפדפן): MobileDemo2 מצליחים לקרוא ? ומה קרה לכפתור ? תוכלו "להגדיל" את התצוגה (באמצעות שתי אצבעות – מחוות הצביטה הידועה) אבל אז חלק מהשורה עשוי "לברוח" ימינה מחוץ לגבול הראייה (תלוי בדפדפן).

בקיצור – הדף לא מותאם לטלפון נייד.
אפשר כמובן לכתוב קוד (בעיקר css) שיתאים את הדף למובייל.
אנו נעשה זאת באמצעות ספרייה מוכנה לכך – jQuery mobile.

 


כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *