مرور در یک مرورگر به روش زیر سازماندهی می شود: برنامه درخواستی را به سرور مشخص شده در پیوند ارسال می کند و در پاسخ مجموعه ای از "قطعات یدکی" و دستورالعمل های مونتاژ را دریافت می کند. قطعات یدکی تصاویر ، عناصر فلاش ، صدا و سایر پرونده ها و دستورالعمل هایی برای نحوه صحیح قرار دادن آنها در صفحه ، رنگ آمیزی پس زمینه آن ، استفاده از حروف خاص و اندازه قلم ها و غیره است. در کد منبع صفحه موجود است. کاربر مرورگر می تواند این کد را ببیند ، و نه فقط صفحه ای که طبق دستورالعمل او جمع شده است.
دستورالعمل ها
مرحله 1
مرورگرهای مدرن از قابلیت داخلی برای مشاهده کد منبع یک صفحه برخوردار هستند. به عنوان مثال ، در Opera ، برای فعال کردن این گزینه ، روی فضای صفحه باز سایت که عاری از تصاویر ، پیوندها و سایر عناصر است کلیک کنید و در منوی کشویی آیتم "کد منبع" را انتخاب کنید. مرورگر منبع را در یک برگه جداگانه باز می کند و خطوط مربوط به برچسب های HTML ، اسکریپت ها و متن ساده را در سه رنگ رنگ آمیزی می کند.
گام 2
نکات مشابه ، اما با کمی متفاوت بیان شده ، در منوی زمینه و سایر مرورگرها وجود دارد. به عنوان مثال ، در Google Chrome این مورد "مشاهده کد صفحه" نامگذاری شده است ، در Mozilla Firefox خط "کد منبع صفحه" و Internet Explorer - "مشاهده کد HTML" نامگذاری شده است. طرح رنگ کد نیز در کاربردهای مختلف کمی متفاوت خواهد بود.
مرحله 3
مرورگر Google Chrome گزینه بسیار پیشرفته تری برای مشاهده منبع دارد. برای استفاده از آن ، در همان منوی زمینه ، مورد "مشاهده کد عنصر" را انتخاب کنید. پس از آن ، برگه دارای صفحه وب باز به دو فریم تقسیم می شود - در قسمت بالایی شکل ظاهری آن باقی می ماند و در قسمت پایین اطلاعات دقیق نه تنها از برچسب های کد منبع ، بلکه همچنین از جمله موجود است پرونده های به سبک CSS. می توانید خطوط منبع را در کادر پایین انتخاب کنید ، و مرورگر در قسمت بالای صفحه که توسط این خطوط تشکیل شده است ، در قسمت بالای صفحه برجسته می کند. به همین ترتیب ، انتخاب یک عنصر در قاب بالا باعث می شود که کد مربوطه در قسمت پایین نمایش داده شود.
مرحله 4
اگر صفحه در درایو سخت رایانه شما ذخیره شده باشد ، می توان فایل را با هر ویرایشگر متن باز کرد - کد منبع در آن به عنوان متن ساده نوشته شده است. فقط کافی است این پرونده را به پنجره در حال اجرا Notepad ، Word یا هر برنامه دیگری از این نوع بکشید. با استفاده از یک ویرایشگر معمولی ، نه تنها می توانید کد منبع را مشاهده کنید ، بلکه می توانید آن را ویرایش کنید.
