یکی از اصول اولیه طراحی وب سایت اطمینان از نمایش صحیح و یکسان آن در مرورگرهای مختلف است. چون تلاش طراح سایت، پوشش دادن هر چه بیشتر بازدیدکنندگان احتمالی که از مرورگرهای مختلف استفاده می کنند است. تصور کنید پروژه طراحی وب سایت به اتمام رسیده و در روز تحویل، رئیس شرکت سفارش دهنده سایت شما را با IE6 باز کرده و آشی از عناصر درهم و برهم تحویل بگیرد! خود من شخصاً در طراحی سایت سازگاری با تمام مرورگرهای مدرن و با تعدادی از مرورگرهای قدیمی شامل Internet Explorer 6.0، Internet Explorer 7.0، Mozilla Firefox 1.5 و Opera 8 را در نظر می گیرم. اگرچه نمی توان بخاطر ناسازگاری ها و عدم وجود CSS Hack برای تمام این مرورگرها یک وب سایت کاملاً منطبق در این نسخه ها بدست آورد اما حداقل باید از دسترسی کاربر به تمام اطلاعات عرضه شده در سایت مطمئن شد. تهیه نسخه های قدیمی مرورگرهای Firefox و Opera بسیار ساده است. با مراجعه به سایتهایی مانند www.oldapps.com نسخه های قدیمی نرم افزار ها در اختیار شما است. با نصب این مرورگرها در فولدرهای متفاوتی به غیر از نسخه های فعلی، مشکلی برای اجرای هم زمان آنها در یک ویندوز نخواهید داشت. اما همانطوریکه همه آگاه هستید Internet Explorer چیز دیگریست! نکته با نصب افزونه IETab بر روی فایرفاکس، هنگام سوئیچ وب سایت به حالت IE، سایت شما در مرورگر IE 7.0 نمایش داده می شود و نیازی به نصب برنامه دیگری برای تست سازگاری با IE7 نخواهید داشت. به همین صورت اگر به IE8 ارتقاء داده اید، با فعال کردن (Developer Tools (F12 و انتخاب Browser Mode: IE7 از منوی آن سایت را در حالت IE7 خواهید دید. مشکل امتحان سازگاری با مرورگرها و ویندوزهای مختلف در Internet Explorer با وجود ارتقای به IE8 در ویندوز XP هنوز راه حلهای زیادی برای حل مشکل تست سازگاری وجود داشت و با کپی فایلهای IE6 و IE7 و تهیه فایلهای DLLی که لازم داشتند می شد سایت را در این مرورگرها امتحان کرد. ولی دردسر از موقعی شروع می شود که به ویندوز Vista ارتقاء پیدا کنید. بخاطر تغییرات اساسی در هسته Vista دیگر روش های قبلی جوابگو نخواهند بود. مدتی در جستجوی راه حلی برای این مشکل بودم تا اینکه محسن رهگذر، یکی از دوستان قدیمی و از طراحان با تجربه وب با معرفی برنامه ای مشکل من را برای همیشه حل کردند و حالا دیگر مجبور به نگهداری چندین نسخه از مرورگر دوست داشتنی IE بصورت Portable روی هارد دیسک نیستم. مرورگر IETester احتمالاً دوستانی هستند که از برنامه DebugBar از محصولات Core Services در زمانیکه هنوز افزونه های فایرفاکس عمومی نشده بودند استفاده کرده باشند. این شرکت مرورگری به نام IETester دارد که بصورت رایگان عرضه می شود و تا کنون بیشتر از یک میلیون بار دریافت شده است. از خصوصیات این نرم افزار می توان به امکان تست وب سایت برای نسخه های مختلف IE شامل 5.5، 6.0، 7.0 و 8.0 به طور همزمان و سازگاری با ویندوزهای XP، Vista و 7 اشاره کرد. در نسخه های Portable مرورگر IE امکان پیش نمایش لایه رفتار وب سایت وجود نداشت اما این برنامه بطور کامل جاوا اسکریپت را در تمام نسخه ها پشتیبانی می کند. سادگی کار با این نرم افزار مورد دیگری را برای توضیح باقی نمی گذارد. دریافت مرورگر IETester نسخه 0.4.1 حجم تقریبی 24MB لینکهای مرتبط دریافت DebugBar نسخه 5.3 مستندات مرورگر IETester فروم گفتگوی IETester
مصطفی مقدم مصطفی مقدم، گرافیست طراح وب و چاپ بصورت Freelance مشغول طراحی و توسعه وب است. او در سایت eDreamer Design علاوه بر صحبت در مورد اصول طراحی برای واسط وب و چاپ، آخرین نمونه کارهایش را به نمایش گذاشته است.
تجربه کاربری یکشنبه، 11 مهر 1389 توسط مصطفی مقدم 59 نظر 21881 رویاگر، سایت منتخب درسومین جشنواره وب ایران سایت رویاگر در دو گروه استاندارهای وب و استفاده از تکنولوژیهای وب، در سه بخش بهترین سایت از نظر طراحی و استانداردهای وب، بهترین سایت از نظر استفاده از CSS و بهترین سایت از نظر استفاده از رنگ و عکس، نامزد برترین های سومین جشنواره وب ایران شد و در نهایت در بخش بهترین سایت از نظر استفاده از CSS، سایت منتخب اعلام شد.
تجربه کاربری پنجشنبه، 09 مهر 1388 توسط مصطفی مقدم 15 نظر 36573 IETester، رفع مشکل تست سازگاری با Internet Explorer نکته ای که شاید بعضی از طراحان وب امروزی توجه زیادی به آن ندارند سازگاری وب سایتشان با مرورگرهای مختلف، به خصوص نسخه های قدیمی مرورگر Internet Explorer است. عرضه سیستم عامل های جدید، مشکل نداشتن محیطی برای تست سازگاری با نسخه های قدیمی تر مرورگر را به مشکلات طراحان وب اضافه می کند. در این مطلب به معرفی مرورگر IETester برای حل مشکل امتحان سازگاری با مرورگرها و ویندوزهای مختلف برای Internet Explorer خواهیم پرداخت.
پیمان روئین تن پنجشنبه، 09 مهر 1388 تا به حال برای تست در مرورگرهای مختلف، نسخه های مختلف اون ها رو در چند Virtual Machine نصب کرده بودم و تست می کردم.امیدوارم این نرم افزار جایگزین خوبی باشه برای IEها. حتما امتحانش می کنم.
مصطفی مقدم جمعه، 10 مهر 1388 نصب VM مقدار زیادی از فضای هارد رو اشغال می کنه و امکان اشکال گیری و پیش نمایش در لحظه رو نداری.
محسن شنبه، 11 مهر 1388 سلام به مصطفی عزیزممنون بابت این پست خوب . کم کم داره وب سایتی کاربردی و مفید شکل میگره و امیدوارم موفق و پیروز باشی
پیمان روئین تن یکشنبه، 12 مهر 1388 چیز فوق العاده ای بود.از شر VBox برای حداقل IEها راحت شدم. اگر چه برای نگارش های قدیمی بقیه مرورگرها هنوز راه حل دیگه ای ندارم.چرا گفتید امکان اشکال گیری در لحظه رو ندارم؟ تغییر رو ایجاد می کنم و در VBox می بینم دیگه!در ضمن مطلب نمایش صحیح صفحات وب در IE6 تکمیل شد.یه سری بزنید.منتظر مطالب بهتر شما هستم.موفق باشید.
مصطفی مقدم یکشنبه، 12 مهر 1388 @ پیمان روئین تن:پیمان عزیز، اگر دقت کرده باشی برای مرورگرهای قدیمی غیر از IE راه حل رو در ابتدای پست مشخص کردم. موفق باشید.
علیرضا اسم رام دوشنبه، 13 مهر 1388 سلام. ضمن تشکر از پست مفید شما من Microsoft Expression Web 3 SuperPreview را پیشنهاد می کنم. فکر می کنم خوشتان بیاد اگر یک بار با قابلیت های این برنامه آشنا بشوید. اندر حکایت این برنامه کافیست بگویم که هر تعداد مرورگر که بخواهید می توانید در لیست برنامه اضافه و پیش نمایش سایتتان را در مرورگرهای مختلف مشاهده کنید. در ضمن اگر از Microsoft Expression Web 3 هم استفاده کنید کاملا" این دو نرم افزار سازگار با هم هستند و راحتی کار را احساس خواهید کرد. در ضمن Super Preview فقط محدود به IE نیست و امکان افزودن مرورگر های دیگر در لیست آن می باشد.
مصطفی مقدم چهارشنبه، 22 مهر 1388 برنامه Microsoft Expression Web 3 رو تهیه و نصب کردم. متاسفانه برنامه SuperPreview امکان تعامل با وب سایت رو نمی ده و فقط به یک پیش نمایش بصری اکتفا می کنه. این تضمین کننده داشتن یک سایت سازگار با اون مرورگر خاص نیست.
مهرداد جمعه، 05 اسفند 1390 در حال حاضر خود IE از نسخه 8 به بعد (نسخه های قبلش رو تست نکردم) با زدن کلید F12 می تونید به پنچره پیکر بندی برید و امکانات برنامه نویسی زیادی در اختیارتون قرار میده از جمله اینکه سازگاری وب سایت رو با نسخه های 7 به بعد مشاهده کنید. اما بازم ممنون، مطمئنن نرم افزار هایی که اشاره کردین قابلیت های بیشتری دارن تا اینکه فقط سازگاری رو چک کنن. مرسی
مصطفی م��دم یکشنبه، 07 اسفند 1390 درسته مهرداد عزیز،در حال حاضر این ابزار برای تست سازگاری برای IE5 و 6 و یا حالتی که شما مرورگر دوست داشتنی! IE رو از روی سیستم حذف کرده باشید ولی همچنان نیاز به تست سازگاری داشته باشید کاربرد داره.شخصاً در پروژه هام دیگه از IE6 پشتیبانی نمی کنم و با وجود نسل جدید مرورگرها، وقت خداحافظی با اینگونه ابزارهاست.
تینا دوشنبه، 07 مرداد 1392 flot هایی که گذاشتم جواب نمیده در ie جای اون چه کدی بذارم همن طور rediuse .
مصطفی مقدم ﺳﻪشنبه، 08 مرداد 1392 float در تمام نسخه های ie پشتیبانی می شه. مشکل از جای دیگست. نسخه های جدید تر این مرورگر از rediuse پشتیبانی می کنند. به نظر من پشتیبانی از نسخه های قدیمی ie مثل ie 6.0 رو فراموش کنید!
تینا دوشنبه، 14 مرداد 1392 با تشکر فراوان از راهنمایی شما مشکل OVER FLOW و داشتن یک باکس که اسکرول آن کار نمیکنه در IE این مشکلو چه جوری حل کنم یک باکس به نام COMINUCATE درست کردم و به آن هایت دادم و داخل آن یک سری لینک به صورت تیری گذاشتم که هرکدام زیر مجموعه داشتند اما مشکل ایجاست که در فایر فاکس اسکرول داره اما در IE نه حالا باید چکار کرد