אינטרנט אקספלורר !@#!!@%(

לפני כמה ימים גיליתי עד כמה אני טירון ביצירת אתרים. האתר של “אין למי להצביע” הוא שני עמודים מאוד פשוטים, מבוסס על קוד CSS ו-Javascript מאוד בסיסי. לאור זאת, הרשיתי לעצמי ללמוד את הנושא מתוך התקנים של W3C ולבדוק אותו על הדפדפן המקומי שלי (Firefox), וזהו. כמו שאמרתי, טירון.

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

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

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

לסיכום:

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

שחר

מאת

שחר שמש

מייסד–שותף וחבר ועד בתנועה לזכויות דיגיטליות מייסד שותף בעמותת „המקור”. פעיל קוד פתוח. מפתח שפת התכנות Practical

6 תגובות בנושא “אינטרנט אקספלורר !@#!!@%(”

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


  2. מפלגות מוצגות כראוי, אבל לחיצה עליהן לא עושה כלום

    הלאוי שכך זה היה במציאות 🙂

  3. הנושא של הfloat מצריך בדיקה גם בwebkit וגם בגקו. הם ממשים את זה טיפה אחרת. מעולם לא ניתקלתי במשהו שעבד בשוא”ש ואופרה לא הציג טוב, אבל אני מניח שכדאי לבדוק גם באופרה.
    ואם כבר עושים משהו עם js רצוי להשתמש בספריה סטנדרטית. אלוהים יודע כמה שעות של בדיקה דקדקנית זה חסך לי.

  4. יורם ..
    לצערי זה ממש מה שקורה במציאות ..
    המפלגות מוצגות כראוי – אבל לא עושות כלום .. (תחלץ עליהם, תתחנן אליהם .. כלום ) .

    – דורון

  5. אני ממליץ על multiple IE שמאפשר לעשות QA על כמה דפדפנים במקביל.

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

  6. לדעתי, הבעיה היא בשיטה ולא בניסיון. אין שום סיבה לדעתי להסתכל בתקן של W3C בשביל לבנות אתר סטאטי.

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

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

כתיבת תגובה

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

Bear