User login

مقایسه IE با خودش و سایر مرورگرهای معروف

در این یادداشت قصد دارم مقایسه ای تصویری از خروجی مرورگر معروف مایکروسافت یعنی همون IE خودمون با دو مرورگر Firefox و Opera که بیشترین استفاده رو بعد از IE دارند داشته باشم. برای این مقایسه تصاویری از نحوه نمایش یک صفحه در حال طراحی رو در این مرورگرها خواهیم دید.
برای شروع ابتدا خود IE را با خودش مقایسه می کنم. یعنی خروجی IE6، IE7 و IE8 رو با هم مقایسه می کتیم. به خطوطی که با رنگ قرمز حاشیه های بخش هایی از صفحه رو مشخص می کنن دقت کنید:

IE6 VS. IE
صفحه نمایش داده شده در IE6

IE7 VS. IE
صفحه نمایش داده شده در IE7

IE8 VS. IE
صفحه نمایش داده شده در IE8

همونطور که می بینید هیچکدوم از ویرایش های 6، 7 و 8 این مرورگر یک صفحه رو به یک شگل نمایش نمی دهند. بیچاره اون طراحانی که قصد دارند صفحشون رو طوری طراحی کنند که در هر سه نسخه ذکر شده به یک شکل و به درستی نمایش داده بشه!
حال نگاهی داریم به نحوه نمایش همون صفحه در دو مرورگر Firefox و Opera که دو تا از رقیبان با فاصله زیاد IE عنوان می شوند. با هم ببینیم:

Firefox VS. IE
صفحه نمایش داده شده در Firefox

Opera VS. IE
صفحه نمایش داده شده در Opera

همانطور که می بینید از آنجایی که این دو مرورگر خودشون رو موظف به رعایت استانداردها و احترام به قوانین W3C می دونند هر دو این صفحه رو به شکل نمایش می دهند. حال اگر به تصاویر بالا دقت کنید مشاهده می شود که هیچکدام از ویرایش های IE حتی آخرین ویرایش اون که در شرف آمدن هست هم به درستی و مشابه این دو مرورگر صفحه رو نمایش نمی دهند. البته تا حدی در IE8 سعی شده که نحوه نمایش اصلاح شود که متاسفانه هنوز این امر تحقق نیافته است. حال اگر شما طراح هستید حتما درک می کنید که یک طراح خوب برای اینکه سایتش با تمام این مرورگرها سازگاری داشته و به یک شکل نمایش داده شود چه مشکلاتی در پیش رو دارد. و اما اگر هم طراح نیستید امیدوارم با خوندن این مطلب قدر زحمت طراحان وب رو به خوبی بدونید و چنانچه روزی به عنوان یک مشتری به یک طراحی وب مراجعه کردید زحمت اون رو به خوبی جبران کنید.

Average: 5 (1 vote)

Reply

  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Inline assets are allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

7 + 12 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.