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

לפני כמה ימים גיליתי עד כמה אני טירון ביצירת אתרים. האתר של “אין למי להצביע” הוא שני עמודים מאוד פשוטים, מבוסס על קוד 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 ודפדפן תואם תקנים מספיקה כדי לוודא שהדף עובד אצל כולם, עדיין תקפה. אני רק צריך לזכור ללכת בעקבות העיצות שאני נותן.

שחר