התאמת אתרים לדפדפנים שונים

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

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

בדיקות דפדפנים הכרחיים

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

להלן נתונים סטטיסטיים מעודכנים, על הרכב הגולשים, נכון ל1/10/07.

Web Browsers
1
Internet Explorer 6.0
46.10%
2
Internet Explorer 7.0
20.18%
3
Firefox 2.0
18.30%
4
Firefox 1.5
6.18%
5
Safari 2.0
1.77%
6
Firefox 1.0
1.02%
7
Opera 9.2
0.70%
8
Mozilla 1.8
0.58%
9
Opera 9.0
0.53%
10
AOL 6.0
0.52%
Operating Systems
1
Windows XP
83.06%
2
Windows Vista
4.01%
3
Windows 2000
3.85%
4
Mac OS X
3.74%
5
Linux
1.38%
6
Windows 98
1.26%
7
Windows 2003
0.70%
8
Windows ME
0.45%
9
Windows NT
0.06%
10
Mac PowerPC
0.03%
Screen Resolutions
1
1024×768
49.20%
2
1280×1024
17.22%
3
1280×800
9.51%
4
800×600
8.07%
5
1152×864
3.78%
6
1440×900
3.31%
7
1680×1050
2.27%
8
1280×768
1.29%
9
1280×960
1.03%
10
1400×1050
1.01%

מה אפשר לעשות?

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

על מנת תוודא הצגה דומה בדפדפנים השונים, עליך לוודא זאת בגרסאות שונות. על מנת לבדוק בגרסאות שונות, ישנם מספר שירותים מבוססי רשת, אשר מאפשרים לך לעשות זאת. המדדים העיקריים שהם מייצגים הם:

  • בדיקה בדפדפנים שונים (מוצרי מוזילה, אינטרנט אקספלורר, אופרה, ספארי ודפדפנים ניידים)

  • בדיקה ברזולוציות מסך שונות

  • בדיקה במערכות הפעלה שונות (Mac OS, Linux, Win)

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

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

בעיה מספר 1: Internet Explorer

כברירת מחדל, מותקנת רק גרסה אחת של הInternet Explorer על המחשב. אולם, לרוב כמפתח, תצטרך לפחות 2 גרסאות של האקספלורר (IE6 ו IE7), על מנת להקיף את רוב הבאגים המשונים שנוצרים מקריאת הקוד של גרסאות הדפדפנים הללו. אפשרות אחת, היא להתשמש בVirtual PC להריץ את 2 הגרסאות יחד, אולם ישנם פתרונות נוחים יותר. תוכל להשתמש בתוכנת Multiple IE’s package של חברת TredSoft’s.

תוכנה זו פשוטה להתקנה, ומאפשרת לך להתקין את כל הגרסאות של Internet Explorer לדורו (IE3, IE4.01, IE5, IE5.5, IE6), כאשר תוכל להריץ אותן זו לצד זו. קח בחשבון, שהתוכנה אינה תוכנה לשימוש רחב בגרסאות אלו – הדפדפנים אינם יציבים תמיד, ולעיתים נתקעת אחת מהגרסאות באופן לא צפוי. למרות זאת, התוכנה היא כלי שימושי ונוח לבדיקת האתר. תוכנה זו עובדת עם Windows XP. משתמש Windows Vista חייבים להתקין את Microsoft Visual PC 2007.

במידה ותרצה לבחון כיצד האתר שלך נראה בInternet Explorer 7 תוכל להשתמש באתר זה, אשר יאפשר לך בחינה של הדף, ללא התקנת תוכנה. לרוב התוצאות מתקבלות במהירות. השירות חינם.

בעיה מספר 2: Safari

גם במחשבי Mac, בגרסת Mac OS X, אפשר להתקין רק גרסה אחת של Safari. תוכנת Multi-Safari מאפשרת למשתמשי Mac לגלוש ב10 גרסאות Safari (החל מגרסה 1.0 עד 2.0.4).

בעיה מספר 3: Linux

במידה ותרצה לבדוק את האתר שלך בדפדפנים שרצים תחת מערכת ההפעלה Linux, הייתי ממליץ שתבדוק את Knoppix. עם Knoppix תוכל להריץ מערכת הפעלה Linux בתוך 5 דקות, ולעשות זאת תוך כדי עבודה מהCD-ROM, ללא התקנה על הכונן הקשיח. למערכת זו יש כבר את דפדפני Konqueror וMozilla מותקנות. ההתקנה של מערכת הפעלה זו היא חינמית.

בדיקות דפדפנים – שירותי רשת וכלים שימושיים

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

IE Web Renderer

שירות זה מאפשר לראות כיצד נראה האתר בInternet Explorer 5.5, 6, 7 . השינויים נראים מייד לעין, מכיוון שרואים את צילומי המסך אחד על השני.

Browsershots

עלי זה, מאפשר לך לבדוק את האתר שלך, לא רק בדפדפני IE, Firefox, Opera, Safari אלא גם בדפדפנים אקזוטיים ולא כל כך פופולאריים (לדוג’: Dillo, Epiphant, Flock, Galeon, Konquror, Seamonkey). בשירות זה, תוכל גם לכוון את הרזולוציה (החל מ640 ועד 1600), עומק הצבעים (8 עד 32 ביט /פיקסל), ובנוסף, אם/בלי Javascript, Java, Flash.

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

Litmus

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

כלי זה מייצר צילומי מסך ל17 דפדפנים בWindows ו6 דפדפנים מMacץ דפדפנים נוספים יתווספו בקרוב. שירות זה אינו מקיף כמו שירותים אחרים, יחד עם זאת מחירו מעט גבוה – 39 יורו לחודש למשתמש יחיד. שירות מעניין נוסף הוא יכולת ייצור צילומי מסך לתוכנות מייל: Outlook 2007, Outlook 2003, Outlook 2002, Outlook 2000, Gmail, Hotmail ו- AOL.

Browser Photo

שירות זה מציע צילומי מסך של Internet Explorer, Opera, Firefox, Safari תחת Windows, Mac, Linux. תוצאות המוצגות ב24 קומבינציות. המחיר הוא 15$ לשימוש חד פעמי או 150$ לדומיין/ שנה לשימוש בלתי מוגבל.

Browsrcamp

שירות זה מייצר צילומי מסך לSafari 2.0.4 בגודל מלא, ב5 רזולוציות שונות. כלי זה הינו חינמי.

Browsercam

שירות זה, הנחשב לטוב שבשירותי צילומי המסך, מציע גם שליטה מקיפה דרך ניהול מרוחק. כמות הדפדפנים המוצעים עולה כל הזמן. כרגע ישנם יותר מ70 דפדפנים, תחת מערכות ההפעלה השונות, כולל גם מכשירים סלולאריים (BlackBerry, Windows Mobile). תוכל גם לשנות רזולוציות (640×480, 800×600, 1024×768), להגדיר שם משתמש וסיסמא לאתרים מוגנים ולהוריד הכל לקובץ ZIP.

השירות מציע כמעט כל מה שצריך בתחום בדיקות הדפדפנים, ומגיע בחבילות במחירים שונים החל מ20$ ועד 4,440$. ישנה גם תקופת התנסות של 24 שעות, המצריכה הרשמה לBrowsercam.

המבחר הוא עצום:

BrowserPool

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

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

ישנו גם חשבון חינם להתנסות.

אודות המחבר