در ادامه سری مقالات آموزشی کامپیوتر، امروز قصد داریم درباره روش های دیدن کدهای منبع در صفحات وب سایت ها صحبت کنیم.
شاید برایتان اتفاق افتاده باشد، که از طراحی یک وب سایت، یا چیدمان عناصر آن و یا هر ساختار دیگر یک صفحه وب لذت برده و یا متعجب شده باشید.
با استفاده از مقاله امروز شما قادر خواهید بود تمام کدهای پشت پرده یک صفحه وب دلخواه، اعم از css، html،و java script را مشاهده کنید.
باید توجه داشته باشید که به استثنای یک ترفند در مرورگر safari، شما نمی توانید کدهای منبع را در مرورگرهای موجود روی اندروید مشاهده کنید.
همراه پرنیان باشید.
بخش اول – Chrome, Firefox, Edge, و Internet Explorer
قدم اول
مرورگرتان را باز کنید.
روند مشاهده کدهای صفحات وب، در مرورگرهای نام برده شده در عنوان، به یک شکل می باشد.
قدم دوم
حرکت به یک صفحه وب
این صفحه ، باید صفحه ای باشد که شما می خواهید کدهای منبع آن را مشاهده کنید.
قدم دوم دیدن کدها
قدم سوم
روی صفحه کلیک راست کنید.
اگر از یک رایانه Mac با یک دکمه ماوس استفاده می کنید ، می توانید Control را نگه دارید و به جای آن کلیک کنید.
گر با یک لپ تاپ در trackpad، هستید، می توانید به جای آن از دو انگشت برای کلیک کردن روی صفحه استفاده کنید.
این کار، یک منوی کشویی را فراخوانی می کند.
- در حین انجام این کار روی لینک یا عکسی ، کلیک راست نکنید. زیرا ممکن است منوی اشتباهی ظاهر شود.
قدم چهارم
روی گزینه View page source و یا View Source کلیک کنید.
با این کار کد منبع مرورگر شما در یک پنجره جدید یا در انتهای پنجره فعلی نمایش داده می شود.
- با این کار شما گزینه View page source را برای Chrome و Firefox ، و گزینه View Source را برای Microsoft Edge و Internet Explorer را مشاهده خواهید کرد.
- همچنین می توانید Ctrl + U را در (PC)، یا Option+⌘ Command+U⌥ را در (MAC) ، برای نمایش کد منبع فشار دهید.
بخش دوم – Safari
قدم اول
Safari را باز کنید.
Safari ، برنامه مرورگر با آیکن قطب نما و به رنگ آبی است.
قدم دوم
روی منوی Safari کلیک کنید.
این گزینه در قسمت بالا و سمت چپ نوارمنو قرار دارد.
با کلیک روی این گزینه ، منوی کشویی آن را فراخوانی می کنید.
قدم سوم
روی گزینه Preferences کلیک کنید.
این گزینه در وسط منوی کشویی قرار دارد.
قدم چهارم
روی برگه Advanced کلیک کنید.
این گزینه در وشه بالا و سمت راست پنجره تنظیمات قرار دارد.
قدم پنجم
گزینه “Show Develop menu in menu bar” را تیک بزنید.
این گزینه نزدیک ته پنجره تنظیمات است.
باید مشاهده کنید که یک نوار منوی توسعه (Develope) در منوی دستگاه MAC شما ظاهر شده است.
قدم ششم
به یک صفحه وب بروید.
این باید صفحه ای باشد که شما می خواهید کدهای منبع آن را ببینید.
قدم هفتم
روی منوی Develop کلیک کنید.
این فهرست در سمت چپ منوی Window در منوی Mac قرار دارد
قدم هشتم
روی گزینه Show Page Source کلیک کنید.
این گزینه نزدیک ته منوی کشویی است.
با کلیک بر روی این گزینه ، سافاری سریعا کدهای منبع صفحه مورد نظر را نمایش می دهد.
بخش سوم – دیدن سورس صفحه در وب سایت wiki how
قدم اول
به صفحه ای وب سایت که می خواهید کدهای منبع آن را مشاهده کنید بروید.
قدم دوم
روی منوی edit یا View source کلیک کنید.
قدم سوم
در بین کدهای منبع (source) پیمایش کنید.
بعد از پیدا کردن کد مورد نظرتان آن را کپی کرده و در محل دلخواه paste کنید.
اگر این مطلب برای شما مفید بود ، ما را در گوگل ستاره باران کنید.
منبع : وب سایت wikihow
ترجمه و ارائه : رویا نجفی