post-105 Browsershots.org - איך האתר שלך נראה בדפדפנים?

אהלן חבר'ה,
היום נדבר על שירות שחשוב לכל אחד מאיתנו - בוני האתרים. האתר מאפשר לנו לראות איך האתר שבנינו נראה בדפדפנים שונים, בגירסאות שונות.

נושא תאימות הדפדפנים הוא הנושא הכי מדובר כיום בתחום בניית האתרים, זה שבניתם את האתר רק עפ"י בדיקה ב-Internet Explorer לא אומר שהוא עובד מצויין ב-FireFox, וכן זה להפך ונקשר לדפדפנים אחרים.
תאימות אתרים היא הדבר המעצבן ביותר שיש לבונה אתרים, כי צריך תמיד לוודא שב-Internet Explorer וב-FireFox זה נראה אותו הדבר, אחרת זה בלאגן.

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

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

שימו לב: כל כמה דקות יש ללחוץ על הקישור Reload this page, כדי שיוצגו לכם התמונות הכי אחרונות, בנוסף, במידה ולא קיבלתם את התמונות מכל הדפדפנים יש ללחוץ כל כמה דקות גם על Extend כדי שהסשן שלכם לא יפוג.

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

כניסה לאתר: Browsershots.org
Broswershots.org - דף הבית

יום שישי, אוגוסט 1st, 2008 בשעה 0:16

23 תגובות ל-“Browsershots.org - איך האתר שלך נראה בדפדפנים?”

  • » Eskimo אומר/ת: ( אוגוסט 1st, 2008 ב-0:18 ) [ צטט את Eskimo ]

    מגניב!!! עכשיו אפשר לראות אם יש בעיות בFIRE FOX מבלי להטריד אנשים תמימים :O

  • » Bonik אומר/ת: ( אוגוסט 1st, 2008 ב-0:18 ) [ צטט את Bonik ]

    אחלה אתר אני מכיר אותו. ישר כוח

  • » David.T אומר/ת: ( אוגוסט 1st, 2008 ב-0:22 ) [ צטט את David.T ]

    אהבתי.. אני מיד מנסה !

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-0:26 ) [ צטט את DorZki ]

    @אילן - חחח גם נכון אבל אם זה רק דפדפן אחד עדיף לך להתקין אותו….
    @יוני - איך אתה מכיר אותו?
    @דוד- שמח לשמוע :)

  • » טל אומר/ת: ( אוגוסט 1st, 2008 ב-0:26 ) [ צטט את טל ]

    וואי טוב, אתר מגניב יחסוך לי הרבה בעיות של פיתוח ותאימות.

    תודה. עוד פוסט מעולה.

  • » אלי אומר/ת: ( אוגוסט 1st, 2008 ב-0:26 ) [ צטט את אלי ]

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

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-0:28 ) [ צטט את DorZki ]

    @טל - חחח תודה רבה שמח לשמוע, וכן זה אכן פותר המון בעיות :P @אלי - תודה רבה, תהיה בטוח מחר אני מפרסם כתבה על חזרה בזמן :P

  • » מוטי אומר/ת: ( אוגוסט 1st, 2008 ב-0:29 ) [ צטט את מוטי ]

    חתיכת דבר שימושי!
    תודה רבה, דור. (:

    (מגניב, הקידוד שלי נתמך ב26 מתוך 27 דפדפנים בצורה מלאה. ^^)

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-0:32 ) [ צטט את DorZki ]

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

  • » מוטי אומר/ת: ( אוגוסט 1st, 2008 ב-0:43 ) [ צטט את מוטי ]

    היחידי שלא תמך זה Dillo 0.8.6 PLD Titanium, בלי קשר לגרסא שלו, מי כבר שמע עליו? XD
    —-
    תמשיך לעשות כתבות כאלה, אני מצפה לכתבה הבאה. (:

  • » מאור אומר/ת: ( אוגוסט 1st, 2008 ב-0:43 ) [ צטט את מאור ]

    תודה דור!!!
    ממש שימושי
    פששש ממש תודה אחי!!!

  • » ים מסיקה אומר/ת: ( אוגוסט 1st, 2008 ב-0:43 ) [ צטט את ים מסיקה ]

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

  • » שניר ד אומר/ת: ( אוגוסט 1st, 2008 ב-0:47 ) [ צטט את שניר ד ]

    היי! אני הכרתי לך את האתר הזה… \=
    בכל מקרה, אתר מצוין.

  • » eylon אומר/ת: ( אוגוסט 1st, 2008 ב-0:52 ) [ צטט את eylon ]

    רעיון יפה מאוד כל הכבוד!

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-0:53 ) [ צטט את DorZki ]

    @מוטי - חחח אני בחיים שלי לא שמעתי עליו :X, מחר תחזרו בזמן :) , לפני כניסת שבת כמובן :) @מאור - תודה רבה אחי שמח לשמוע זאת.
    @ים - זה אני חושב אחד השירותים הכי שימושיים לבוני אתרים.
    @שניר - חח כן תודה רבה שניר :P @איילון - כן זה אחד הדברים :)

  • » דניאל אומר/ת: ( אוגוסט 1st, 2008 ב-1:27 ) [ צטט את דניאל ]

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

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-1:38 ) [ צטט את DorZki ]

    תודה רבה סוף סוף תגובה של יותר מ-3 מילים ממך ;)

  • » שיראל אומר/ת: ( אוגוסט 1st, 2008 ב-1:52 ) [ צטט את שיראל ]

    כל כך הרבה זמן חיכית לכלי כזה!
    שימושי ויעיל מאד :)

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-2:04 ) [ צטט את DorZki ]

    שמח לשמוע שיראל, בהצלחה :)

  • » דניאל אומר/ת: ( אוגוסט 1st, 2008 ב-2:04 ) [ צטט את דניאל ]

    שירות ממש מצויין !! כל הכבוד

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-2:05 ) [ צטט את DorZki ]

    תודה רבה דניאל שמח לשמוע :)

  • » ח. אומר/ת: ( אוגוסט 1st, 2008 ב-4:15 ) [ צטט את ח. ]

    אתר שימושי.. תודה!
    עכשיו אני אוכל  לבדוק איך האתר נראה בדפדפנים אחרים, חוץ מIE ו- FF… (אהמ אופרה והשאר)

  • » DorZki אומר/ת: ( אוגוסט 1st, 2008 ב-4:17 ) [ צטט את DorZki ]

    חחח נכון זה אחלה אתר רק שישפרו את המהירות שלו…

השאר תגובה