כיצד לזהות התקנים ניידים להכות דפי אינטרנט שלך

במשך שנים, מומחים אומרים שהתנועה לאתרים ממבקרים בניידים גדלה באופן דרמטי. מסיבה זו, חברות רבות החלו בחוכמה לאמץ אסטרטגיה ניידת עבור הנוכחות המקוונת שלהם, יצירת חוויות המתאימות הטלפון והתקנים ניידים אחרים.

לאחר שתבלה את הזמן ללמוד כיצד לעצב דפי אינטרנט עבור טלפונים ניידים, וליישם את האסטרטגיה שלך, אתה גם רוצה לוודא כי המבקרים באתר שלך יכול לראות את העיצובים האלה. ישנן דרכים רבות אתה יכול לעשות את זה וכמה עבודה טוב יותר מאחרים. הנה מבט על השיטה שבה אתה יכול להשתמש כדי ליישם תמיכה ניידת באתרי האינטרנט שלך - יחד עם המלצה ליד הסוף עבור מה השיטה הטובה ביותר להשיג זאת היא על האינטרנט של היום!

ספק קישור לגרסת אתר אחרת

זוהי, ללא ספק, השיטה הקלה ביותר להתמודד עם משתמשי הטלפון הסלולרי. במקום לדאוג אם הם יכולים או לא יכולים לראות את הדפים שלך, פשוט לשים קישור איפשהו ליד החלק העליון של הדף המצביע על גרסה ניידת נפרדת של האתר שלך. לאחר מכן, הקוראים יכולים לבחור בעצמם אם הם רוצים לראות את הגרסה הניידת או להמשיך בגרסה "הרגילה".

היתרון של פתרון זה הוא שקל ליישם. זה דורש ממך ליצור גרסה אופטימיזציה לנייד ולאחר מכן להוסיף קישור איפשהו ליד החלק העליון של דפי האתר הרגיל.

החסרונות הם:

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

בסופו של דבר, גישה זו היא מיושנת כי סביר להניח להיות חלק אסטרטגיית ניידים מודרניים. זה משמש לעתים לתקן את הפער בזמן פיתרון טוב יותר מפותח, אבל זה באמת הלהקה לטווח קצר הלהקה בשלב זה.

השתמש ב- JavaScript

בגירסה של הגישה הנ"ל, חלק מהמפתחים משתמשים בסוג כלשהו של סקריפט זיהוי דפדפן כדי לזהות אם הלקוח נמצא במכשיר נייד ולאחר מכן מפנה אותם לאתר לנייד נפרד. הבעיה עם זיהוי הדפדפן והתקנים ניידים היא שיש אלפי מכשירים ניידים שם בחוץ. כדי לנסות לזהות את כולם עם JavaScript אחד יכול להפוך את כל הדפים שלך לתוך הסיוט הורדת - ואתה עדיין כפופים רבים של חסרונות אותו כמו הגישה הנ"ל.

השתמש ב- CSS @media Handheld

הפקודה CSS @media כף יד נראה כאילו זה יהיה דרך אידיאלית להציג סגנונות CSS רק עבור מכשירים כף יד - כמו טלפונים סלולריים. זה נראה כמו פתרון אידיאלי להצגת דפים עבור התקנים ניידים. אתה כותב דף אינטרנט אחד ולאחר מכן ליצור שני גיליונות סגנון. הראשון עבור סוג "מסך" מדיה סגנונות הדף שלך עבור צגים מסכי מחשב. השני עבור "כף יד" סגנונות הדף שלך עבור מכשירים קטנים כמו אלה טלפונים ניידים. נשמע קל, אבל זה לא באמת עובד בפועל.

היתרון הגדול ביותר של שיטה זו היא כי אתה לא צריך לשמור על שתי גירסאות של האתר שלך. אתה רק לשמור על אחד, ואת גיליון הסגנון מגדיר איך זה צריך להיראות - וזה בעצם מתקרב לפתרון הסופי שאנחנו רוצים.

בעיה בשיטה זו היא כי טלפונים רבים אינם תומכים בסוג המדיה - הם מציגים את הדפים שלהם עם סוג מדיה המסך במקום. טלפונים סלולריים ישנים רבים ומכשירי כף יד אינם תומכים ב- CSS בכלל. בסופו של דבר, שיטה זו אינה אמינה ולכן היא משמשת לעתים נדירות כדי לספק גרסאות ניידות של אתר אינטרנט.

השתמש PHP, JSP, ASP כדי לזהות את המשתמש סוכן

זוהי דרך טובה בהרבה להפנות משתמשים לנייד לגרסה לנייד של האתר, משום שהיא אינה מסתמכת על שפת scripting או CSS שבה המכשיר הנייד אינו משתמש. במקום זאת, היא משתמשת בצד השרת (PHP, ASP, JSP, ColdFusion וכו ') כדי להסתכל על סוכן המשתמש ולאחר מכן לשנות את בקשת HTTP להצביע על דף נייד אם זה מכשיר נייד.

קוד PHP פשוט לעשות זאת ייראה כך:

stristr ($ ua, "Windows CE") אוstristr ($ ua, "Avantgo") אוstristr ($ ua, "Mazingo") אוstristr ($ ua, "נייד") אוstristr ($ ua, "T68") אוstristr ($ ua, "Syncalot") אוstristr ($ ua, "בלייזר")) {$ DEVICE_TYPE = "MOBILE";}אם (isset ($ DEVICE_TYPE) ו- DEVICE_TYPE == "MOBILE") {$ location = 'mobile / index.php';כותרת ('מיקום:' $ $ location);יציאה;}?>

הבעיה כאן היא שיש הרבה והרבה פוטנציאל משתמש סוכנים אחרים המשמשים התקנים ניידים. סקריפט זה יהיה לתפוס ולהפנות הרבה מהם אבל לא בכל האמצעים. ועוד מתווספים כל הזמן.

בנוסף, כמו עם פתרונות אחרים לעיל, תצטרך עדיין לשמור על אתר נפרד לנייד עבור הקוראים האלה! חסרון זה של צורך לנהל שני (או יותר!) אתרי אינטרנט היא סיבה מספקת כדי לחפש פתרון טוב יותר.

השתמש WURFL

אם אתה עדיין נחוש להפנות את המשתמשים שלך לנייד לאתר נפרד, אז WURFL (Wireless Resource Resource File) הוא פתרון טוב. זהו קובץ XML (ועכשיו קובץ DB) וספריות DBI שונות, אשר לא רק מכילים עדכני נתונים אלחוטיים סוכן המשתמש, אלא גם אילו תכונות ויכולות אלה סוכני המשתמש.

כדי להשתמש ב- WURFL, אתה מוריד את קובץ תצורת ה- XML ​​ולאחר מכן בחר את השפה שלך ומיישם את ה- API באתר שלך. ישנם כלים לשימוש WURFL עם Java, PHP, Perl, רובי, Python, Net, XSLT, ו- C + +.

היתרון של שימוש WURFL היא שיש הרבה אנשים מעדכנים ולהוסיף את הקובץ config כל הזמן. לכן, בעוד שהקובץ שבו אתה משתמש אינו מעודכן כמעט לפני שתסיים להוריד אותו, רוב הסיכויים שאם אתה מוריד אותו פעם בחודש או משהו כזה, תקבל את כל הדפדפנים לנייד שבהם משתמשים הקוראים שלך באופן קבוע ללא כל בעיות. החיסרון, כמובן, הוא שאתה צריך להוריד כל הזמן לעדכן את זה - כל כך אתה יכול לכוון את המשתמשים לאתר השני ואת החסרונות שיוצר.

הפתרון הטוב ביותר הוא עיצוב תגובה

אז אם שמירה על אתרים שונים עבור מכשירים שונים היא לא התשובה, מה? עיצוב אתרים מגיב.

עיצוב מותאם הוא המקום שבו אתה משתמש שאילתות מדיה CSS כדי להגדיר סגנונות עבור התקנים של רוחב שונים. עיצוב מותאם מאפשר לך ליצור דף אינטרנט אחד עבור משתמשים ניידים ולא ניידים. לאחר מכן אינך צריך לדאוג לגבי התוכן שיוצג באתר לנייד או לזכור להעביר את השינויים האחרונים לאתר שלך לנייד. בנוסף, ברגע שיש לך את ה- CSS כתוב, אתה לא צריך להוריד שום דבר חדש.

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