مقایسه فنی مرورگرها

باید بگویم که همه مرورگرها خوب هستند. چه گوگل کروم، چه فایرفاکس، چه اینترنت اکسپلورر و اپرا. در حال حاضر مهم ترین دغدغه سازندگان این مرورگرها پشتیبانی کامل از زبان HTML5 است.

مرورگر هایی که مقایسه می کنیم این ها هستند:

Google Chrome 11, Firefox 4, Internet Explorer 9

برای مشاهده ادامه خبر به ادامه مطلب مراجعه کنید

(پانویس: اگر می پرسید پس اپرا کو؟ باید بگویم چون هنوز اپرا نسخه ماژور جدید ارائه نداده پس فعلا اون رو با بقیه مقایسه نمی کنم. البته طرفداران اپرا منتظر باشن چون نسخه جدید کاملش به زودی عرضه میشه)

خب از کجا شروع کنیم؟ من میگم از بازی ها شروع کنیم. چه شروع خوبی 

بازی که من انتخاب کردم اسمش Canvas Rider هست چون از خیلی از قابلیت های گرافیکی HTML5 از جمله تگ Canvas استفاده کرده. خب وارد سایتش میشیم و از بالا گزینه Draw a track را برای رسم یک مسیر انتخاب می کنیم. خب از گوگل کروم شروع می کنیم.

خب از همین الان دیدیم که نشانه گر موس درست تغییر نمی کند و نشانه گر پیشفرض ویندوز دنبال نشانه گر می رود. پس یک امتیاز منفی برای گوگل کروم:

Google Chrome: -1

ابزار Camera را از سمت راست انتخاب می کنیم و با کشیدن موس دوربین را جا به جا می کنیم. ولی اگر دقت کنید هنگامی که موس را رها می کنیم ولی دکمه موس را رها نکرده ایم موس به شکل I یا همان ابزار سلکت متن در می آید! پس نشانه گر ها درست تغییر نمی کنند.

Google Chrome: -2

می رویم تا CSS ها را امتحان کنیم. به سایت w3schools.com می رویم. بخش آموزش CSS3 را انتخاب می کنیم. خب انیمیشن چرخیدن لوگو درست کار کرد. پس یک امتیاز مثبت!

Google Chrome: -1

از سمت چپ سایت CSS 3D Transforms را انتخاب کنید. می توانید تک تک مثال ها را امتحان کنید. مثال هایی که در اول صفحه زده هر دو به درستی کار می کنند! پس یک امتیاز مثبت!

Google Chrome: 0

مثال هایی که سایت زده را کلیک بر روی Try it yourself امتحان کنید. مثال ها هر دویشان کار کردند. پس دو امتیاز مثبت!

Google Chrome: 2

میریم سراغ چالش های بعدی!

در همان سایت w3schools.com بر میگردیم به بخش CSS3 و بخش User Interface انتخاب می کنیم. جدول را نگاه می کنیم. مثل این که google chrome از همه متد ها پشتیبانی می کنه! پس سه امتیاز مثبت!

Google Chrome: 4

خب این سایت خیلی به نفع chrome تموم شد! میریم سراغ سایت بعدی یعنی html5rocks.com خب چهار بخشی که در بالای سایت زده را بر روی هر کدام کلیک و امتحانشان کنید! با تمام چالش ها به خوبی کار می کند! پس چهار امتیاز مثبت!

Google Chrome: 8

خب چالش های گوگل کروم تمام شد. گوگل کروم ۸ امتیاز را از ۱۰ امتیاز گرفت! یعنی ۸۰% چالش ها را رد کرد! خب بریم سراغ فایرفاکس!

خب می رویم سراغ Firefox 4!

دوباره از Canvas Ruder شروع می کنیم. دو چالش قبلی گوگل کروم را جلوی پایش می گذاریم! بله! فایرفاکس هر دوی آن ها را رد کرد و درست کار کرد. پس دو امتیاز مثبت به فایرفاکس (چه شروع خوبی!)

Firefox: 2

دوباره CSSها را امتحان می کنیم. به http://www.w3schools.com/css3 بروید! خب انیمیشین چرخیدن لوگو درست کار نکرد! یک امتیاز منفی!

Firefox: 1

از سمت چپ سایت CSS 3D transforms را انتخاب کنید.خب مثال های اول صفحه کار نکرد! در جدول هم خبری از پشتیبانی فایرفاکس نیست! پس دو امتیاز منفی!

Firefox: -1

خب به سایت html5rocks.com می ریم. چهار بخش اون رو امتحان می کنیم. ولی متاسفانه در بخش آموزش ها معدودی از آموزش ها در فایرفاکس هم کار می کنند! پس سه امتیاز مثبت!

Firefox: 2

اوه بخش User Interface یادم رفت! به http://w3schools.com/css3/css3_user_interface.asp بروید. بله مثل این که تمامی متدها را فایرفاکس پشتیبانی می کند! پس ۳ امتیاز مثبت!

Firefox: 5

خب چه امتیاز خوبی! ۵۰% چالش ها را فایرفاکس رد کرد! امتیاز ۵ از ۱۰ به نظر من حق فایرفاکس است. چون هنوز چیز هایی از گوگل کروم کم دارد!

خب میریم سراغ Internet Explorer 9

انتقاد من: ماکروسافت زیادی درباره اینترنت اکسپلورر نه شلوغش کرده! فکر کرده حالا مرورگرش خیلی خوبه! اما خب مقایسه می کنیم!

اول از همه میریم در http://canvasrider.com/draw تا ببینیم. نتیجه چه می شود! خب دو چالش را اینترنت اکسپلورر به خوبی رد کرد! دو امتیاز مثبت!

Internet Explorer 9: 2

دوباره CSSها را امتحان می کنیم. به http://www.w3schools.com/css3 برید! به به! انیمیشن اول صفحه کار نداد! یک امتیاز منفی برای Internet Explorer 9!

Internet Explorer 9: 1

از سمت چپ سایت CSS 3D transforms را انتخاب کنید.خب مثال ها کار نمی کنند! پس دو امتیاز منفی!

Internet Explorer 9: -1

خب. برمی گردیم و بخش User Interface را از سمت چپ انتخاب می کنیم. در جدول نوشته شده فقط از یک متد اینترنت اکسپلورر نه پشتیبانی می کند! دو امتیاز منفی و یک مثبت!

Internet Explorer 9: -3

Internet Explorer 9: -2

خب به سایت html5rocks.com بروید و روی چهار بخش کلیک کنید. متاسفانه فقط معدودی مثال ها با اینترنت اکسپلورر نه هماهنگی دارند! فقط یک امتیاز مثبت!

Internet Explorer 9: -1

خب این هم از امتیاز اینترنت اکسپلورر نه! تعریفی نداره ولی نسبت به نسخه قبلی خیلی بهتر شده.

بررسی کلی امتیازها

گوگل کروم مرورگر جوان و تازه وارد جهش خیلی خوبی داشته و در نسخه ۱۱ دیگه چیزی کم نداره. اما خب هنوز هم از برخی از عناصر به درستی پشتیبانی نمی کند. توجه کنید که به درستی پشتیبانی نکردن بهتر از پشتیبانی نکردن عناصر هست. متاسفانه فایرفاکس با این که پشتیبانیش از HTML5 دو چندان شده و صد البته از قبل اینترفیس بهتری دارد ولی هنوز برخی عناصر را پشتیبانی نمی کند. اینترنت اکسپلورر نه نیز نسبت به قبل خیلی بهتر شده و باید بگم IE8 بدتر از این حرف ها بود! حتما اگر IE8 جز مرورگرهای این مقاله بود امتیاز -۴ را می گرفت! خبری به طرفداران دنیای مرورگرها! در قسمت بعدی این مقاله با بررسی جزیی تر سعی می کنیم مرورگر ها عمقی تر مقایسه کنیم. طرفداران اپرا نیز منتظر اعلام نسخه جدید ماژور اپرا باشن. به نظر من نسخه جدیدی که اپرا عرضه خواهد کرد در رتبه دوم قرار خواهد گرفت. ولی خب فعلا که نیومده!