Internet Explorer – הסיוט הגרוע ביותר של מעצב אתרים, ואיך להתמודד עם זה

שתף פוסט זה

שיתוף ב facebook
שיתוף ב linkedin
שיתוף ב twitter
שיתוף ב email
0
(0)

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

יש מעצבי אתרים שבוחרים להתעלם מ- IE לחלוטין, ומודיעים למבקרים שלהם שהם הורידו הכי טוב את Firefox או Chrome אם הם רוצים לחוות את האתר במלואו. אך כאשר כמעט חמישית ממשתמשי האינטרנט משתמשים ב- IE, ייתכן שפתרון זה אינו המסלול החכם ביותר. אחרים עשויים לבחור להפוך את האתרים שלהם לתואמים ל- IE9 אך לא לגירסאות ישנות יותר (מכיוון ש- IE9 כמעט כמו Firefox, Chrome ודפדפנים אחרים התואמים לתקנים); אך שוב, יש לנו כמעט 9% מהמשתמשים המשתמשים ב- IE8, שהם יותר מ- 6.4% המשתמשים ב- IE9.

אז מה צריך לעשות? כמעצב אתרים, הכל לא אבוד. ישנם מספר דברים שאפשר לעשות בכדי להבטיח שעיצוב יעבוד היטב בכל הדפדפנים, וישתדל יפה אם הוא משתמש באלמנטים שאינם נתמכים ב- IE, במיוחד אלה המבוגרים מ- IE9. אני חייב להודות שאני מסרב לנסות להפוך אתר תואם ל- IE6 ומעלה; לנסות לעשות זאת יהיה לסבך את הקוד בכל מיני פריצות, וזה די בטוח להתעלם מ- IE6 בשלב זה. באפריל 2012, אחוז המשתמשים המשתמשים ב- IE6 היה 0.7%, ובהתחשב בכך שמשתמשים אלה צריכים להיות רגילים להתרגל עד כה לאתרים שבורים, אני בוחר להתעלם מאותה אוכלוסייה שולית.

הנה רשימה קצרה של דברים שכדאי לחשוב עליהם כשאתם מעצבים אתר שיהיה תואם באמת לדפדפנים:

  1. כתוב קוד תואם לתקני W3C, ואמת אותו באמצעות מאמת ה- W3C. אתה יכול לכתוב ב- HTML 4.01 או XHTML 1.0, וכל עוד הוא מאמת ומשתמש בשיטות קידוד טובות (כגון שימוש ב- HTML (X) למבנה ו- CSS לעיצוב), הוא אמור להופיע באופן עקבי למדי בכל הדפדפנים, כולל IE7 / 8 . אני לא מגיב על השימוש ב- HTML5 מכיוון שאני לא עובד איתו כרגע, אך מאתרים שראיתי ומחקר קטן שערכתי, HTML5 אינו תואם בדיוק לדפדפנים ישנים יותר, ובמיוחד ל- IE. אתה יכול גם לאמת את ה- CSS והסקריפטים שלך, אז הקפד להמשיך ולעשות את זה.
  2. בדוק במספר דפדפנים, כולל גרסאות ישנות יותר של IE. כאן אני חייב להזכיר את כלי המפתחים של Internet Explorer לאלו שלא גילו את המערכת הקטנה והשימושית הזו שיש ל- IE, כמו גם לדפדפנים אחרים כמו Firefox. ב- IE9 תוכלו למצוא את אלה בכפתור הכלים בסרגל הכלים, ואז לחצו על כלים למפתחי F12, או פשוט לחצו על F12 במקלדת. יש כאן הרבה כלים שימושיים, החל מהשבתת סקריפטים או CSS (נסה להשבית CSS ו- Javascript מתישהו כדי לראות כיצד האתר שלך ייראה בלעדיהם; זה נותן מושג כיצד קוראי המסך יקראו את האתר שלך) וכלה באימות הקוד שלך. יש גם מצב דפדפן המאפשר לך לבחור במצב תאימות IE9, IE8 או IE7 (אלא אם כן התקנת IE8 במחשב שלך, ובמקרה זה הוא יאפשר לך לבחור IE7 ו- IE6). אז בעזרת הכלי הזה תוכלו לבדוק את האתר שלכם בגרסאות הישנות של Internet Explorer מבלי לגרור את המחשב הישן שלכם כשהדפדפן הישן עדיין מותקן.
  3. אם אתה משתמש ב- Mac או מסיבה אחרת לא יכול להשיג את Internet Explorer, אתה יכול להשתמש במציג כמו מעניק נטו. זה נותן רק צילום מסך של האתר שלך, ולא מאפשר לך לבדוק אינטראקציה (אפילו משהו פשוט כמו גלילה למטה בעמוד), אבל זה ייתן מושג גס לגבי מידת ההצלחה שלך. לקבלת דרכים מציאותיות יותר לבדיקה, תוכל לנסות לחפש בגוגל "אמולטור Internet Explorer". ישנן אפשרויות אחרות, אך מכיוון שאין לי מחשב מקינטוש, לא טרחתי לבדוק אף אחת מהן.
  4. שקול דרכים חלופיות לקידוד האתר שלך. אולי במקום להשתמש ב- CSS כדי ליצור פינות מעוגלות וצללים ושיפועים, אתה יכול ללכת לבית הספר הישן ולהשתמש בתמונות. לעתים קרובות ניתן לעשות תמונות קטנות מספיק כדי שלא ייקח הרבה יותר זמן לטעון, והתוצאה היא אתר יפהפה שנראה בדיוק אותו הדבר בכל הדפדפנים.

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

פורסם על ידי N'Djamena D Marmon
אין לנו אחריות על המידע בפוסט זה

כמה שימושי היה הפוסט?

לחץ על כוכב כדי לדרג אותו!

דירוג ממוצע 0 / 5. ספירת קולות: 0

אין הצבעות עד כה! היה הראשון לדרג את הפוסט הזה.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

הצטרף לדיוור שלנו

קבל ראשון את העדכונים

פוסטים נוספים

כללי

ניסיון טקסט נגלל

5 (2) רב טקסט בוורדפרס מתני' מאימתי קורין את שמע בערבין. משעה שהכהנים נכנסים לאכול בתרומתן עד סוף האשמורה הראשונה דברי ר' אליעזר. וחכמים אומרים

מעצבים עם אלמנטור: תפריט וואן פייג'

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

16 שינוי צבעי ברירת המחדל של אלמנטור

0 (0) (תוכן זה מוגש כאן מתוך אתר יוטיוב והזכויות שמורות למעלה ההרצאה ליוטיוב) כמה שימושי היה הפוסט? לחץ על כוכב כדי לדרג אותו! שלח

האם אתה רוצה להגביר את העסק שלך?

שמור על קשר

X
wpChatIcon
X

הוסף את שאלתך

האתר בבניה

הכניסה ליוצרים בלבד

כבר רשום?