دانشجوی مهندسی نرم افزار / علاقمند به کامپیوتر و دنیای تکنولوژی
آیا میدونید مرورگر ها چگونه کار میکنند؟
مرورگر ها از اون ابزار هایی هستند که ما هر روز یا هر ساعت ازشون استفاده میکنیم ، ممکنه بار ها ذهن ما رو درگیر این شده باشه که مرورگر ها چگونه کار میکنند؟ آشنایی با نحوه ی عملکرد مرورگر موضوعی هست که در این مقاله برای شما به طور قابل فهمی توضیح داده میشه .
پس با ما همراه باشید.
ویکی پدیا در تعریف مرورگر یا مرورگر وب می گوید: «Web Browser یا مرورگر وب برنامه نرم افزاری است که دیتا را از منابع اطلاعاتی وب جهان شمول دریافت کرده، به نمایش می گذارد و یا باز پس می فرستد. این منابع اطلاعاتی می توانند صفحات اچ تی ام ال و وب پیج، عکس، ویدیو و انواع دیگری از محتوا باشند.»
به زبان ساده تر می توانیم بگویم که مرورگر وب یک برنامه یا نرم افزار است که دریافت و مشاهده اسناد و دیگر منابع محتوا از اینترنت را برای کاربران به شکل ساده ای امکان پذیر می سازد.
از مرورگر های پر کاربرد امروزی میتوان به موارد زیر اشاره کرد:
- Google Chrome
- Opera
- Firefox
- safari
نحوه عملکرد مرورگر
این کار در سه مرحله صورت میگیرد .
- پیدا کردن IP آدرس
- برقراری ارتباط با TCP
- برقراری ارتباط و انتقال اطلاعات
https://www.virgool.io
با وارد کردن یک آدرس اینترنتی مشابه بالا در یک مرورگر و زدن کلید Enter اولین کاری که باید انجام شود پیدا کردن آدرس IP مربوط به صفحهایست که شما آدرس آن را وارد کردهاید.
به ساختار عددی مانند ۱۵۱٫۱۰۱٫۶۵٫۱۲۱ آدرس آی پی (IP Address) گفته می شود.
در پیدا کردن آدرس DNS در این راه به شما کمک می کند.
میتوان DNS را درست مانند یک دفترچه تلفن در نظر گرفت که به ما در پیدا کردن شماره تلفن یک شخص خاص کمک میکند.
1. بعد از وارد کردن آدرس صفحه و انتخاب دکمه Enter، کش مرورگر ابتدا بررسی میشود. مرورگر همواره نسخهای از رکوردهای DNS را برای خود نگه میدارد. دادههای مربوط به این رکوردها، وبسایتهایی هستند که قبلا به آنها مراجعه کردهاید. در این حالت DNS به سرعت آدرس IP را پیدا کرده و نتیجه را برمیگرداند.
۲. اگر آدرس IP در مرحله اول پیدا نشد، DNS در کش سیستم عامل با استفاده از router cache به دنبال وبسایت مورد نظر خواهد بود.
۳. اگر دو مرحله قبلی چاره کار نبودند، DNS سراغ سرور اصلی برای DNSها میرود. سروری که تحت عنوان Resolver Server شناخته میشود. این سرور چیزی نیز جز سرویسدهنده اینترنت یا همان ISP شما.
۴. اگر در مراحل قبلی چیزی پیدا نشد، درخواست به سرور ریشه سلسله DNS میرود. اینجا قسمتی است که به ما کمک میکند تا اطلاعات مورد نظرمان را پیدا کنیم. اگر آدرس IP ما مربوط به دامنه سطح بالا یا TLD باشد، ISP یا همان سرور Resolver میتواند از اطلاعات سرور TLD استفاده کند.
۵. در این مرحله Resolver از TLD میخواهد که آدرس IP مربوط به وبسایت را برگرداند. TLD نیز Resolver را به Authoritative Name server ارجاع میدهد که در واقع مکان اصلی ذخیره اطلاعات مربوط به دامنههاست.
۶. در نهایت پس از یافتن اطلاعات ISP اطلاعات مورد نظر را به مرورگر برمیگرداند.
بعد از دریافت آدرس IP، سرور ISP اطلاعات مربوط به آن را در کش خود قرار میدهد. در این حالت دیگر نیازی به طی کردن مراحل ۴-۵-۶ نخواهد بود.
برقراری ارتباط TCP
بعد از آنکه آدرس IP مورد نظر پیدا شد، یک ارتباط جدید شکل میگیرد. این ارتباط بین کلاینت و سرور ایجاد میشود. برای برقراری چنین ارتباطی نیاز است تا از پروتکل اینترنت استفاده شود که TCP/IP شناختهشدهترین مورد در بین پروتکلهاست. برای درک بهتر بیایید به صورت قدم به قدم آن را بررسی کنیم:
۱. کامپیوتر کلاینت یعنی کامپیوتر شما یک پیغام SYN را ارسال میکند. اینکار برای بررسی آماده بودن کامپیوتر دوم جهت ایجاد یک ارتباط جدید انجام خواهد شد.
۲. بعد از آن اگر کامپیوتر دوم برای این ارتباط آمادگی داشت یک پیغام ack و syn را ارسال میکند.
۳. بعد از اینکه کامپیوتر اول پیغام را دریافت کرد یک پیغام ACK را برای سرور یا همان کامپیوتر دوم نیز ارسال میکند.
از طریق تصویر زیر میتوانید این سه مرحله را مشاهده کنید:
برقراری ارتباط و انتقال اطلاعات
در نهایت یک ارتباط جدید بین دو کامپیوتر اول و دوم ایجاد خواهد شد. حال هر دو کامپیوتر میتوانند با همدیگر ارتباط برقرار کرده و اطلاعات را به اشتراک بگذارند. بعد از ایجاد یک ارتباط موفق مرورگر که روی کامپیوتر کلاینت قرار گرفته یک درخواست را برای سرور در جهت دریافت اطلاعات ارسال میکند. سرور نیز براساس این درخواست پاسخ مرتبطی را ارائه میدهد. این پاسخ میتواند شامل اطلاعاتی مانند متن، کد وضعیت، کنترل کش و… باشد.
و در انتها و بررسی تک تک کار هایی که صورت میگیرند یکی از اصلی ترین کار هایی که یک مرور گر انجام میدهد تبدیل کد های فرانت به (زبان های html css js ) به ظاهر گرافیکی میباشد .که ارتباط کاربر با اطلاعات را بهتر میکند به طوری که با یک کلیک روی یک دکمه میتواند نیاز خود را به راحتی برآورده نماید.
مطلبی دیگر از این انتشارات
بهترین فونت آیکن ها و نحوه استفاده از آنها (Icon Fonts)
مطلبی دیگر از این انتشارات
فرق هاست (Host) و دامنه (Domain) چیست؟
مطلبی دیگر از این انتشارات
طراحی واکنشگرا با Css Grid