موضوعات داغ
  • نمایشگاه CES 2021
  • گلکسی S21
  • اکس باکس
  • پلی استیشن 5
  • دینو
  • تالار گفت‌وگو
  • کالامگ
  • پرسش و مشاوره

سخت‌افزارمگ

  • اخبار و مقالات
    • گوشی موبایل
      • لوازم جانبی موبایل
    • تبلت
    • لپ تاپ
    • دسکتاپ
      • مادربرد
      • پردازنده مرکزی
      • کارت گرافیک
      • تجهیزات ذخیره سازی
      • حافظه
      • صفحه نمایش
      • تجهیزات جانبی
    • تصویرگری دیجیتال
    • صوتی و تصویری
    • شبکه
    • نرم افزار و بازی
    • مطالب گوناگون
  • لیست قیمت
    • گوشی موبایل
      • قیمت گوشی سامسونگ
      • قیمت گوشی شیائومی
      • قیمت گوشی هوآوی
      • قیمت گوشی آنر
    • تبلت
    • لپ‌تاپ
    • قطعات کامپیوتر
    • محصولات اپل
    • تجهیزات شبکه
    • لوازم خانگی
    • صوتی و تصویری
    • دوربین دیجیتال
    • تجهیزات بازی
    • خودرو
  • بررسی
    • بررسی گوشی موبایل
    • بررسی تبلت
    • بررسی لپ تاپ
    • دسکتاپ
      • بررسی مادربرد
      • بررسی پردازنده
      • بررسی کارت گرافیک
      • بررسی تجهیزات ذخیره سازی
      • بررسی حافظه
      • بررسی منبع تغذیه و کیس
      • بررسی تجهیزات جانبی
      • بررسی صفحه نمایش
    • برسی تصویرگری دیجیتال
    • بررسی صوتی و تصویری
    • بررسی شبکه
    • بررسی نرم افزار و بازی
    • بررسی گوناگون
  • راهنمای خرید
    • سیستم پیشنهادی
  • دانلود
  • ویژه
    • مسابقات
    • نمایشگاه
    • کالبدشکافی قطعات
تبلیغات
تبلیغات
تبلیغات
تبلیغات

نرم افزار و بازی

چگونه به منابع HTML در مرورگر کروم دسترسی پیدا کنیم؟

Avatarتوسط مهتا مجدی · ۱۱ خرداد ۱۳۹۸ ۱۱ خرداد ۱۳۹۸· ۰

اگر شما طراح وب هستید یا در مراحل اولیه و آموزشی طراحی وب قرار دارید باید بدانید که می توانید به منابع HTML سایت ها در مرورگرهای مختلف دسترسی داشته باشید که مرورگر کروم هم در این میان از این قاعده مستثنا نیست. در نتیجه می توانید اشکالات سایت خود را نیز از این طریق مورد بررسی قرار دهید. دو راه برای دسترسی به منابع و استفاده از ابزارهای ارائه شده برای توسعه دهندگان وجود دارد. در ادامه به آموزش چگونگی دسترسی به منابع HTML در مرورگر کروم خواهیم پرداخت.

مشاهده منابع HTML و استفاده از ابزارهای

ابتدا باید وارد مرورگر کروم شوید و برای رسیدن به منابع HTML باید بر روی صفحه راست کلیک کرده و گزینه View Page Source را انتخاب نمایید. همچنین می توانید از کلیدهای Ctrl+U هم استفاده کنید تا صفحه ای از کدهای سایت مورد نظر را در اختیار بگیرید.

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

در مرحله بعد برای استفاده از ابزارهای برنامه نویسی و توسعه دهندگان باید به سایت مورد نظر بروید و کلید های Ctrl+Shift+i را فشار دهید تا یک صفحه مستطیلی شکل در کنار صفحه وبتان باز شود.

می توانید بر روی فلش های کوچک هر بخش کلیک کنید تا کدهای کامل را به صورت گسترش یافته در اختیار داشته باشید.

اگر نمی خواهید تا کدهای کامل صفحه را به صورت پیش فرض ببینید و فقط به دنبال بخش خاصی از کدها هستید می توانید در یک فضای خالی مورد نظر در سایت مورد نظرتان کلیک راست کنید و  گزینه Inspect را انتخاب نمایید.

در نهایت خواهید دید که کد بخش مورد نظر شما در اختیارتان قرار خواهد گرفت.

همچنین می توانید با انتخاب یکی از آیکون های زیر موقعیت این صفحه کد را در مرورگر خود تغییر دهید یا در پنجره ای جداگانه آن را در اختیار داشته باشید.

برچسب‌ها: آموزش, مرورگر, مرورگر کروم

بدون امتیاز
کمی صبر کنید...
سرخط خبرها:
  1. بازگشت سنسور اثر انگشت به آیفون - گوشی تاشو اپل در راه است؟
  2. لیست دستگاه های دریافت کننده MIUI 12.5 به صورت رسمی منتشر شد
  3. معرفی نمایشگر گیمینگ Asus ROG Swift PG279QM
  4. عکس بازی: بهترین تصاویر ثبت شده از بازی‌ها در طول هفته گذشته (شماره 31)
  5. کارت‌های Zotac RTX 3060 معرفی شدند - Twin Edge و AMP

مطالب مرتبط ...

  • ۴

    16 عادت روزانه که زندگی شما را به طور قابل توجهی بهبود می‌بخشد

    Avatarتوسط سیمین نوربخش · ۳ تیر ۱۳۹۶ · ۳ تیر ۱۳۹۶

  • ۱

    آشنایی با مرورگر کروم و قابلیت های آن: معرفی چند اپلیکیشن کاربردی

    Avatarتوسط محمدرضا عاشوری · ۱ دی ۱۳۹۵ · ۲۱ اسفند ۱۳۹۸

  • ۰

    چگونه زبان پیش فرض مرورگر کروم را تغییر دهیم؟

    Avatarتوسط مهتا مجدی · ۲۳ مرداد ۱۳۹۸ · ۲۱ اسفند ۱۳۹۸

تبلیغات

مطالب گوناگون از دینو

لبخند اجباری باعث شادی و ایجاد احساسات مثبت در بدن خواهد شد

چگونه عادت ناخن جویدن را ترک کنیم؟ (۴ راهکار جذاب)

چگونه روز‌های کاری و فشرده خود را مثبت به پایان برسانیم؟ (۴ راهکار کاربردی)

دیدگاهتان را بنویسید لغو پاسخ

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

شکلک‌ها (اموجی‌ها) را می‌توانید با کیبرد گوشی یا کیبرد مجازی ویندوز قرار دهید.
تصاویر نویسندگان دیدگاه از Gravatar گرفته می‌شود.
تبلیغات

آخرین بررسی‌ها

8

بررسی اس اس دی KINGMAX ZEUS PX4480 2TB

9.8

بررسی کیت رم G.SKILL Trident Z Neo 2X8G 3600MHz CL14 DDR4

9.4

تماشا کنید: بررسی گوشی گلکسی Z Fold 2 سامسونگ

8.9

بررسی گوشی Y9a هواوی – میان‌رده‌ای در لباس پرچمدار

9

بررسی مادربرد GIGABYTE Z490 VISION D به همراه پردازنده 10900K

  1. تالار گفت‌وگو
  2. پرسش و مشاوره

ساب ووفر اکتیو LG

سلام من دو تا ساب ووفر اکتیو الجی دارم با مشخصات زیر:مخروط 20 سانتی متری 4 اُهم 150 وات rms (300 وات پیک) 88…

  • مشاوره برای خرید مودم 4g و TD-LTE

  • مشاوره در خصوص خرید کارت گرافیک

  • عدم شناسایی کارت گرافیک

  • مشکل کارت گرافیک

  • تاپیک مرجع معرفی و بررسی های مادربردهای MSI با چیپست سری 500 اینتل

فروش لپ تاپ Dell Inspiron 5521

مدل : Dell inspiron 5521<> <> قیمت: 15,500,000<> <> گارانتی : 7روز مهلت تست<> <> وزن : 2.4 کیلوگرم<> <br…

  • فروش باندل z87k

  • میکروفون

  • Y9 Prime 2019 VS Mate 10

  • هنگی و مشکل تصویر

  • خرید لب تاب

  • مطلب بعدی کارت گرافیک خاص اژدها معرفی شد: MSI GeForce RTX 2080 Ti Lighting 10th Anniversary Edition
  • مطلب قبلی مقایسه میان‌رده‌های هوآوی و سامسونگ – P30 lite در برابر گلکسی A50
تبلیغات
  • آخرین مطالب
  • محبوب‌ترین مطالب
  • بازگشت سنسور اثر انگشت به آیفون - احتمالا در درون صفحه نمایش

    بازگشت سنسور اثر انگشت به آیفون – گوشی تاشو اپل در راه است؟

  • Xiaomi MI 11

    لیست دستگاه های دریافت کننده MIUI 12.5 به صورت رسمی منتشر شد

  • نمایشگر گیمینگ Asus ROG Swift PG279QM

    معرفی نمایشگر گیمینگ Asus ROG Swift PG279QM

  • عکس بازی: بهترین تصاویر ثبت شده از بازی‌ها در طول هفته گذشته (شماره 31)

  • کارت‌های Zotac RTX 3060 معرفی شدند

    کارت‌های Zotac RTX 3060 معرفی شدند – Twin Edge و AMP

  • ۳۴

    عکس بازی: بهترین تصاویر ثبت شده از بازی‌ها در طول هفته گذشته (شماره 31)

  • نگاهی به اپلیکیشن سیگنال و مقایسه با تلگرام ۱۱

    نگاهی به اپلیکیشن سیگنال و مقایسه با تلگرام – برای حریم شخصی خود احترام قائل شوید!

  • مشخصات و زمان عرضه DisplayPort 2.0 - کیفیت 16K و 300HZ ۱

    مشخصات و زمان عرضه DisplayPort 2.0 – کیفیت 16K و 300HZ

  • تاخیر در اجرای سیاست حریم شخصی واتساپ ۰

    عقب نشینی به سبک فیسبوک – تاخیر در اجرای سیاست حریم شخصی واتساپ

  • بازگشت سنسور اثر انگشت به آیفون - احتمالا در درون صفحه نمایش ۰

    بازگشت سنسور اثر انگشت به آیفون – گوشی تاشو اپل در راه است؟

آخرین مطالب دینو

ادغام پژو و فیات – کرایسلر سرانجام نهایی و استلانتیس شماره 4 جهان شد

پس از مذاکرات طولاتی مدت میان شرکت‌ خودروزسازی فرانسوی…

  • خرید ملک در ترکیه توسط ایرانیان بیشتر از کشورهای جنگ زده!

  • آیا جرد لتو برای نقش جانی دپ به تیم « دزدان دریایی کارائیب » ملحق خواهد شد؟

  • واکسن ایرانی کرونا وارد مرحله‌ی تست انسانی شد!

  • چه کسانی پشت سایت‌های شرط بندی هستند و فیشینگ و پولشویی را انجام می‌دهند؟

  • زیبایی آب های یخ زده در کشورهای مختلف در فصل زمستان

آخرین دیدگاه‌ها

  • Avatar
    ezio گفته است:
    فقط سیگنال و بعدش تلگرام.واتساپ رو پاک کردم راحت شدم.
  • Avatar
    علی گفته است:
    مشکل شما ممکن از تنظیمات سیم‌کارت گوشی باشه. برای منم همین...
  • Avatar
    حسين گفته است:
    نسخه ويندوزش نصب کردم.. بار اول بارکد رو از سيگنال اندرويد...
  • Avatar
    علی رضا گفته است:
    عالی بود
  • Avatar
    علی گفته است:
    توجیه بعضی از کاربران ایرانی خیلی جالب است: *چرا از پیام...
۷۱
سیستم پیشنهادی هایلایت
دو سیستم پیشنهادی گیمینگ در رنج بودجه 20 تا 23 میلیون تومان
۷ دی ۱۳۹۹
۳,۰۴۰
راهنمای خرید و مشاوره سیستم پیشنهادی هایلایت
راهنمای خرید سیستم کامپیوتر با بودجه های مختلف – به روز رسانی پاییز 99
۱۲ آذر ۱۳۹۹
۴۸
سیستم پیشنهادی هایلایت
سیستم پیشنهادی برای کار با Cinema 4D، Redshift، Octane، و Houdini
۶ شهریور ۱۳۹۹
۷۰
راهنمای خرید و مشاوره سیستم پیشنهادی هایلایت
سیستم پیشنهادی حرفه‌ای گیمینگ TUF Gaming Alliance
۱۷ اردیبهشت ۱۳۹۹
۲۵
سیستم پیشنهادی
سیستم پیشنهادی: همه کاره با بهترین‌های موجود از نظر قیمت
۱۸ تیر ۱۳۹۸
۱۵
سیستم پیشنهادی
سیستم پیشنهادی: باندل قدرتمند بهاری با مادربرد GIGABYTE Z390 UD
۱۳ اردیبهشت ۱۳۹۸
  • سخت‌افزارمگ
  • درباره ما
  • تبلیغات
  • استخدام
سخت‌افزارمگ

© 2021 Sakhtafzarmag.Com. All Rights Reserved.

صفحه نخست » اخبار و مقالات » نرم افزار و بازی » چگونه به منابع HTML در مرورگر کروم دسترسی پیدا کنیم؟

Designed by vvebsite.Com

ورود

عضویت

رمزتان را گم کرده‌اید؟

عضویت | رمزتان را گم کرده‌اید؟
| بازگشت به ورود