نحوه بررسی عناصر صفحه وب در Chrome: 7 مرحله

فهرست مطالب:

نحوه بررسی عناصر صفحه وب در Chrome: 7 مرحله
نحوه بررسی عناصر صفحه وب در Chrome: 7 مرحله

تصویری: نحوه بررسی عناصر صفحه وب در Chrome: 7 مرحله

تصویری: نحوه بررسی عناصر صفحه وب در Chrome: 7 مرحله
تصویری: هشدار: به مرور ناشناس یا خصوصی اعتماد نکنید! 2024, نوامبر
Anonim

این wikiHow به شما می آموزد که چگونه کد منبع HTML عناصر بصری یک صفحه وب را در Google Chrome با استفاده از رایانه بررسی کنید.

گام

مرحله 1 عنصر را در Chrome بررسی کنید
مرحله 1 عنصر را در Chrome بررسی کنید

مرحله 1. Google Chrome را در رایانه باز کنید

نماد Chrome شبیه یک توپ رنگی است که یک نقطه آبی در مرکز آن وجود دارد. این نماد را می توانید در پوشه "Applications" در رایانه Mac یا منوی "Start" در رایانه Windows پیدا کنید.

مرحله 2 عنصر را در Chrome بررسی کنید
مرحله 2 عنصر را در Chrome بررسی کنید

مرحله 2. روی نماد سه نقطه عمودی کلیک کنید

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

مرحله 3 عنصر را در Chrome بررسی کنید
مرحله 3 عنصر را در Chrome بررسی کنید

مرحله 3. در منوی کشویی بر روی More Tools بروید

پس از آن ، زیر منو نمایش داده می شود.

مرحله 4 عنصر را در Chrome بررسی کنید
مرحله 4 عنصر را در Chrome بررسی کنید

مرحله 4. در زیر منوی "More Tools" روی Developer Tools کلیک کنید

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

روش دیگر ، می توانید پنجره بازرسی را با میانبر صفحه کلید باز کنید. Option+⌘ Cmd+I را در رایانه های Mac و Ctrl+Alt+I را در رایانه های Windows فشار دهید

مرحله 5 عنصر را در Chrome بررسی کنید
مرحله 5 عنصر را در Chrome بررسی کنید

مرحله 5. روی یک عنصر در ستون بازرسی قرار دهید

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

مرحله 6 عنصر را در Chrome بررسی کنید
مرحله 6 عنصر را در Chrome بررسی کنید

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

منوی راست کلیک در کادر کشویی ظاهر می شود.

مرحله 7 عنصر را در Chrome بررسی کنید
مرحله 7 عنصر را در Chrome بررسی کنید

مرحله 7. در منوی کشویی Inspect را انتخاب کنید

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

لازم نیست میدان بازرسی را به صورت دستی باز کنید. انتخاب کنید " بازرسی کنید ”در منوی راست کلیک کنید تا ستون بازرسی به طور خودکار باز شود.

توصیه شده: