X-UA-Compatible meta tag

24 בינואר 2012

אין תגובות


 


מהימים בהם התחלנו לקבל גרסאות חדשות של IE – קבלנו את היכולת להריץ את IE כאילו בגרסאות ישנות יותר וזאת בעזרת כלי הפיתוח של IE 

לחיצה על F12 – ושינוי ה – Document Mode.

 

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

 

 

מה שלא כל המפתחים יודעים הוא – שניתן "להכריח" את הדפדפן להציג את האתר ב – Document Mode שנבחר, נרצה לעשות זאת למשל אם אין לנו תקציב לדאוג שהאתר יראה כמו שצריך ב – IE9 ואנחנו רוצים להשאר בגרסה 8 של הדפדפן.

 

כל מה שצריך לעשות הוא להוסיף את תגית ה – meta הבאה:

 



<meta http-equiv="X-UA-Compatible" content="IE=8">


 

כשניתן לכתוב את הגרסאות השונות של IE או לחילופין לכתוב



<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">


 

ובמקרה הזה הוא גם מתחשב במה שהוגדר ב – doctype (להרחבה בנושא)

 

 

נקודה חשובה, התגית הזו (ככל תגיות meta) צריכה לשבת בתוך ה – head. אבל אסור שיופיע תגית script או style לפניה – ה – meta חייב להיות ראשון אחרי תגית ה – title.

 

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

 

 

 במאמר המוסגר.

plug-in מעניין שראיתי הוא Google Crome Frame, לא בדקתי אותו אבל הוא מבטיח שגם אם מותקן IE6 הדפים ירונדרו במנוע של Chrome ויוצגו בכל האלמנטים ש – Chrome תומך.

במקרה זה יש לכתוב



<meta http-equiv="X-UA-Compatible" content="chrome=1">

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

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