سرخط خبرها

موتور رندر مرورگر چیست ؟

موتور رندر مرورگر چیست ؟

 موتور رندر یا به انگلیسی layout engine هسته یک مرورگر به حساب می‌آید که وظیفه پردازش و رندر کدها را بر عهده دارد.

اگر طراح حرفه ای باشید می‌دانید که ظاهر یک وب‌سایت باید با تمامی مرورگرها سازگار باشد و دلیل این تفاوت مکان و جزئیات به خاطر تفاوت موتورهای مرورگرها می باشد.

اما کدام مرورگر از کدام موتور استفاده می‌کند می‌تواند سوالی برای بیشتر طراحان باشد. در ادامه با ما باشید تا شما را با این نوع ها آشنا سازیم؛

موتور رندر مرورگر که به آن layout engine یا  Rendering engine نیز میگویند یک کامپوننت نرم افزاری است که در قلب هر مرورگری قرار دارد و کار ساخت نمای خروجی صفحات را با استفاده از html و CSS بعنوان ورودی  بر عهده دارد. بسیاری از مرورگرهایی که میشناسید، از یک موتور رندر یکسان استفاده میکنند ، اما قیافه ظاهری متفاوتی دارند.

وقتی دو مرورگر از یک rendering engine استفاده کنند، خروجی یکسانی از یک کد html و css میدهند. بنابراین اگر شما در زمینه طراحی وب سایت مشغول هستید ، باید صفحات وب را طوری طراحی کنید که کلیه این layout engine ها آنها را به درستی نمایش دهند.

مهم ترین Rendering Engine های موجود:

  • Trident : این موتور رندری است که اینترنت اکسپلورر (نسخه تحت ویندوز و تحت موبایل) از آن استفاده میکند. نرم افزارهای معروفی مانند ویژوال استودیو، جی تاک،اوت لوک، لایو رایتر نیز از این موتور رندر برای نمایش صفحات HTML استفاده میکنند. تریدنت شناخته شده با نام MSHTML موتور رندر مرورگرهای مایکروسافت می‌باشد.برای اولین بار این موتور بر روی مرورگر آی ای نسخه ۴ و در October 1997 منتشر شد. در نسخه نهم مرورگر مایکروسافت، موتور تقریبا با استانداردهای جدید وب همگام شد.

 

  • Gecko : این موتور رندر اوپن سورس موزیلا است و فایرفاکس (نسخه تحت PC و تحت موبایل) از این موتور برای نمایش صفحات وب استفاده میکند. مرورگر flock هم تا نسخه ۲٫۵ از این موتور رندر استفاده می کرد. اما ازنسخه ۳ به بعد تصمیم گرفته از موتور رندر وب کیت استفاده کند. گکو موتور متن باز و رایگانی می‌باشد که در نرم‌افزارهای زیادی از شرکت موزیلا به کار گرفته شده است. این موتور با زبان C++ نوشته شده و در سیستم عامل های مختلف (BSDs, Linux, OS X, Solaris, OS/2, AIX, OpenVMS, و Microsoft Windows) قابل اجرا می باشد و هم اکنون تحت نسخه دوم لایسنس  Mozilla Public License منتشر شده است.معروف ترین استفاده کنندگان گکو را همان نرم افزارهای موزیلا مانند فایرفاکس و تاندربرد تشکیل می دهند. و در کنار اینها می توان نرم افزار مرورگر تصاویر گوگل یعنی پیکاسا را نیز نام برد که از گکو استفاده می کند

 

  • WebKit : موتور رندر وب‌کیت را مرورگر کروم گوگل ،مرورگر فلوک نسخه ۳ ،مرورگر safari و مرورگر موجود در گوشی های s60 نوکیا استفاده میکنند. معروفترین موتور را می‌توان وب‌کیت نام برد که استفاده کنندگان معروفی را نیز به خود جذب کرده است. مرورگرهای کروم گوگل و سافاری اپل کاربران محبوب وب‌کیت می‌باشند.همچنین این موتور در کتاب‌خوان‌های آمازون(کیندل فایر)، دستگاههای iOS، اندروید و بلک بری ۱۰ و… استفاده شده است.

 

  • Presto : این موتور رندر توسط کلیه نسخه های قدیمی مرورگر opera  (نسخه تحت PC و تحت موبایل) استفاده میشود. اوپرا در نسخه های جدید از موتور رندر وبکیت استفاده میکند.
  • KHTML : این موتور رندر  توسط مرورگر کانکوئرر (مرورگر پیشفرض اکثر نسخه های لینوکس) استفاده میشود.

پرستو نام موتور مرورگر اپرا می باشد که برای اولین بار در ۲۸ January 2003 برای اپرا نسخه ۷ منتشر شد.

برای طراحان اهمیت این موتور دست کمی از دو موتور قبلی ندارد چون این مرورگر کاربران زیاد و خاصی دارد چه از نسخه کامپیوتری آن گرفته تا نسخه موبایل آن…

Opera
Opera 7 to 12
Opera Mobile 9.5 to 12
Opera Mini
Nintendo
Nintendo DS Browser
Nintendo DSi Browser
Wii Internet Channel Browser
Nokia 770 Browser
Sony Mylo COM-1′s Browser
مقایسه : موتورهای Khtml و Presto و Webkit تحت سیستم عامل سیمبیان هم اجرا میشوند، اما بقیه خیر (البته ممکن است با شبیه سازی نرم افزاری قابل اجرا باشند). همچنین کلیه موتورهای رندر فوق بغیر از Trident که مخصوص IE است نسخه تحت لینوکس و مکینتاش دارند.

گوگل کروم: گوگل در طراحی مرورگر خود از ترفند جالبی استفاده کرده است. مرورگر کروم تنظیمات زیرساختی اش مانند مدیریت  proxy و کوکی ها را بر عهده ویندوز گذاشته است ، اما خروجی صفحات را با موتور رندر  خودش ایجاد میکند و به کاربر نمایش میدهد. برای امتحان این موضوع کافیست سعی کنید در بخش options مرورگر کروم ، یک پروکــسی فعال کنید. میبینید که با زدن دکمه ی change proxy setting ، برگه ی internet options  ویندوز برای شما نمایش داده میشود.

اوپرا : این مرورگر که واقعا در حقش داره ظلم میشه استانداردترین مرورگر موجوده که از حداکثر استانداردهای wc3 پشتیبانی میکنه و تست ACID3 رو موفق تر از بقیه مرورگرها پشت سر گذاشته. حتی نسخه موبایل اوپرا هم امتیاز ۹۸ رو از ۱۰۰ در تست اسید۳ کسب کرده ، اما دلیل رشد کم این مرورگر رو میشه نداشتن یک حامی بزرگ دانست. مرورگرهایی مانند IE , chrome , firefox دارای پشتیبان های بزرگی برای تبلیغ و رواج اون ها هستند، اما اوپرا حامی بزرگی نداره و نرخ رشد چندانی نداره.

 

کدنویسی اختصاصی برای موتورهای بالا

-webkit-...                    موتور وب‌کیت
-moz-...                       موتور گکو
-o- ...                        موتور پرستو
-ms-...                        موتور تریدنت

در کنار این ها موتورهای دیگری نیز مانند بلینک گوگل، تسمان، سروو و… نیز وجود دارند.

طبق تعریف ویکی پدیا ، وب‌کیت (WebKit)‏ یک موتور چیدمان است که امکان نمایش دادن صفحه‌های وب را برای یک مرورگر وب فراهم می‌آورد.به زبون خودمونی وب کیت موتوری هستش که مرورگرها با اون کار می کنند تا صفحات وب سایت ها رو نشون ما بدند.
moz هم برای موزیلا
o برای opera
ms هم برای internet explorer
وقتی یک کد css رو مینویسید بعضی مرورگرها نیاز به شناسایی کد دارن با این کار شما کد رو به مرورگر میشناسونید.
برای مثال:

border-radius: 50px;

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;

-ms-border-radius: 50px;

border-radius حاشیه یه کادر رو خمیده میکنه الان کد بالا یه کادر مربع رو به دایره تبدیل میکنه.

QR Code For: موتور رندر مرورگر چیست ؟

درباره ی jizjiz

یک دیدگاه

  1. سلام.. خوب و مفید بود.
    با تشکر..

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload CAPTCHA.