روش های دیدن کدهای منبع در صفحات وب سایت ها

بازدید: 1,477 بازدید
view source page
[cdb_box_content css=”.vc_custom_1571557479174{background-color: #1e73be !important;}”]

در ادامه سری مقالات آموزشی کامپیوتر، امروز قصد داریم درباره روش های دیدن کدهای منبع در صفحات وب سایت ها صحبت کنیم.

شاید برایتان اتفاق افتاده باشد، که از طراحی یک وب سایت، یا چیدمان عناصر آن و یا هر ساختار دیگر یک صفحه وب لذت برده و یا متعجب شده باشید. 

با استفاده از مقاله امروز شما قادر خواهید بود تمام کدهای پشت پرده یک صفحه وب دلخواه، اعم از css، html،و java script را مشاهده کنید.

باید توجه داشته باشید که به استثنای یک ترفند در مرورگر safari، شما نمی توانید کدهای منبع را در مرورگرهای موجود روی اندروید مشاهده کنید.

همراه پرنیان باشید.

[/cdb_box_content]
[cdb_box_content]

بخش اول – Chrome, Firefox, Edge, و Internet Explorer


قدم اول

قدم اول دیدن کدها
قدم اول دیدن کدها

مرورگرتان را باز کنید.

روند مشاهده کدهای صفحات وب، در مرورگرهای نام برده شده در عنوان، به یک شکل می باشد.

[/cdb_box_content]
[cdb_box_content]

قدم دوم

قدم دوم دیدن کدها

حرکت به یک صفحه وب

این صفحه ، باید صفحه ای باشد که شما می خواهید کدهای منبع آن را مشاهده کنید.

قدم دوم دیدن کدها 

[/cdb_box_content]
[cdb_box_content]

قدم سوم

قدم سوم دیدن کدهای منبع
قدم سوم دیدن کدهای منبع

روی صفحه کلیک راست کنید.

اگر از یک رایانه Mac با یک دکمه ماوس استفاده می کنید ، می توانید Control را نگه دارید و به جای آن کلیک کنید.

گر با یک لپ تاپ در trackpad، هستید، می توانید به جای آن از دو انگشت برای کلیک کردن روی صفحه استفاده کنید.

این کار، یک منوی کشویی را فراخوانی می کند.

  • در حین انجام این کار روی لینک یا عکسی ، کلیک راست نکنید.  زیرا ممکن است منوی اشتباهی ظاهر شود.
[/cdb_box_content]
[cdb_box_content]

قدم چهارم

قدم چهارم دیدن کدهای منبع
قدم چهارم دیدن کدهای منبع

روی گزینه View page source و یا View Source کلیک کنید.

با این کار کد منبع مرورگر شما در یک پنجره جدید یا در انتهای پنجره فعلی نمایش داده می شود. 

  • با این کار شما گزینه View page source را برای Chrome و Firefox ، و گزینه View Source را برای Microsoft Edge و Internet Explorer را مشاهده خواهید کرد.
  • همچنین می توانید Ctrl + U را در (PC)، یا  Option+ Command+U را در (MAC)  ، برای نمایش کد منبع فشار دهید.
[/cdb_box_content]
[cdb_box_content]

بخش دوم – Safari


قدم اول

قدم اول دیدن کدهای منبع در سافاری
قدم اول دیدن کدهای منبع در سافاری

Safari را باز کنید.

Safari ، برنامه مرورگر با آیکن قطب نما و به رنگ آبی است.

[/cdb_box_content]
[cdb_box_content]

قدم دوم

قدم دوم دیدن کدهای منبع در سافاری
قدم دوم دیدن کدهای منبع در سافاری

روی منوی Safari کلیک کنید.

این گزینه در قسمت بالا و سمت چپ نوارمنو قرار دارد.

با کلیک روی این گزینه ، منوی کشویی آن را فراخوانی می کنید.

[/cdb_box_content]
[cdb_box_content]

قدم سوم

قدم سوم دیدن کدهای منبع در سافاری
قدم سوم دیدن کدهای منبع در سافاری

روی گزینه Preferences کلیک کنید.

این گزینه در وسط منوی کشویی قرار دارد.

[/cdb_box_content]
[cdb_box_content]

قدم چهارم

قدم چهارم دیدن کدهای منبع در سافاری
قدم چهارم دیدن کدهای منبع در سافاری

روی برگه Advanced کلیک کنید.

این گزینه در وشه بالا و سمت راست پنجره تنظیمات قرار دارد.

[/cdb_box_content]
[cdb_box_content]

قدم پنجم

قدم پنجم دیدن کدهای منبع در سافاری
قدم پنجم دیدن کدهای منبع در سافاری

گزینه “Show Develop menu in menu bar” را تیک بزنید.

این گزینه نزدیک ته پنجره تنظیمات است.

باید مشاهده کنید که یک نوار منوی توسعه (Develope) در منوی دستگاه MAC شما ظاهر شده است.

[/cdb_box_content]
[cdb_box_content]

قدم ششم

قدم ششم دیدن کدهای منبع در سافاری
قدم ششم دیدن کدهای منبع در سافاری

به یک صفحه وب بروید.

این باید صفحه ای باشد که شما می خواهید کدهای منبع آن را ببینید.

[/cdb_box_content]
[cdb_box_content]

قدم هفتم

قدم هفتم دیدن کدهای منبع در سافاری
قدم هفتم دیدن کدهای منبع در سافاری

روی منوی Develop کلیک کنید.

این فهرست در سمت چپ منوی Window در منوی Mac قرار دارد

[/cdb_box_content]
[cdb_box_content]

قدم هشتم

قدم هشتم دیدن کدهای منبع در سافاری
قدم هشتم دیدن کدهای منبع در سافاری

روی گزینه Show Page Source کلیک کنید.

این گزینه نزدیک ته منوی کشویی است.

با کلیک بر روی این گزینه ، سافاری سریعا کدهای منبع صفحه مورد نظر را نمایش می دهد.

[/cdb_box_content]
[cdb_box_content]

بخش سوم – دیدن سورس صفحه در وب سایت wiki how


قدم اول

به صفحه ای وب سایت که می خواهید کدهای منبع آن را مشاهده کنید بروید.

[/cdb_box_content]
[cdb_box_content]

قدم دوم

روی منوی edit یا View source کلیک کنید.

[/cdb_box_content]
[cdb_box_content]

قدم سوم

در بین کدهای منبع (source) پیمایش کنید.

بعد از پیدا کردن کد مورد نظرتان آن را کپی کرده و در محل دلخواه paste کنید.

[/cdb_box_content]

اگر این مطلب برای شما مفید بود ، ما را در گوگل ستاره باران کنید.

منبع : وب سایت wikihow

ترجمه و ارائه : رویا نجفی

دسته بندی مقاله ها
اشتراک گذاری
مقالات مرتبط

دیدگاهتان را بنویسید

سبد خرید

هیچ محصولی در سبد خرید نیست.