אז מי מוביל במלחמת הדפדפנים?

השבוע קראתי באתרי החדשות על עליה במספר המשתמשים בFireFox בעולם

http://www.ynet.co.il/articles/0,7340,L-3501108,00.html

http://net.nana10.co.il/Article/?ArticleID=534993&sid=127

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

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

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

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

סיבה נוספת למה כדאי למפתחי אתרים לעבור לפיירפוקס היא התוספות (Add-Ons) שעושות את החיים כל כך קלים למפתחים. לדוגמא:

Web Developer (קישור: http://chrispederick.com/work/web-developer), נותן למשתמש סט כלים לניתוח עמוד בדפדפן כולל אפשרות לראות את כל המרכיבים בנפרד (css, קוד, תמונות...) ולשחק איתם בזמן אמת. לדוגמא אפשר לשנות לעמוד הזה את מרכיבי הCSS שלו ולראות איך הוא יהיה מוצג על הדפדפן. כל זאת בלי לשמור את העמוד אצלכם ואת קובצי הCSS. שימוש נוסף חשוב הוא לבודד מרכיב מסוים בעמוד ולראות איזה הגדרות CSS משפיעות עליו ומאיזה קובץ. זה מצוין לכל המפתחים המבולבלים שמגדירים את אותה הגדרה ב קבצים שונים. או כאילו שלא ברור להם למה האובייקט מתנהג כפי שהוא מתנהג ולא כפי שהם רצו.

תוסף נוסף מצוין למפתחים הוא Firebug (קישור: http://www.getfirebug.com) בניגוד לתוסף הקודם שנותן יכולות מאוד חזקות בשינוי מבנה העמוד וניתוחו בעזרת שינויים. ה Firebug מאפשר ניתוח ויזואלי מצוין של העמוד. בעזרת הצבעה עם העכבר על אלמנטים בדף מתקבלת מיד תמונה של כל המידע שקשור לאובייקט בחלון התוסף.

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