Har qanday veb-sahifaning HTML va CSS-ga qarang
Veb-sayt kod satrlari bilan qurilgan, biroq natija - rasm, video, shrift va boshqa narsalarga ega bo'lgan aniq sahifalar. Ushbu elementlarning birini o'zgartirish yoki uning tarkibiy qismini ko'rish uchun siz uni boshqaradigan maxsus kod satriga ega bo'lishingiz kerak. Siz elementni tekshirish vositasi bilan buni amalga oshirishingiz mumkin.
Ko'pgina veb-brauzerlar sizni tekshirish vositasini yuklab olishmaydi yoki qo'shimchani o'rnatmaydi. Buning o'rniga ular sizga sahifa elementini o'ng tugmasini bosib, Inspect yoki Inspect Element -ni tanlang. Biroq, bu jarayon brauzeringizda bir oz farq bo'lishi mumkin.
Chrome'da elementlarni tekshiring
Google Chrome-ning eng so'nggi versiyalari sahifani bir necha usulda tekshirishga imkon beradi, ularning barchasi o'z ichiga o'rnatilgan Chrome DevTools-dan foydalanadi:
- Sahifadagi biror narsani o'ng tugmasini bosing (yoki bo'sh joy) va Inspect ni tanlang
- Ctrl + Shift + I klaviatura yorliqlarini kiriting
- Boshqa asboblar (Developer Tools) ga kirish uchun Chrome menyusidan foydalaning
Chrome DevTools sizga HTML satrlarini osongina nusxalash yoki tahrirlash yoki butunlay yashirish yoki o'chirish kabi narsalarni (sahifa qayta yuklanmaguncha) bajarishga imkon beradi.
DevTools sahifaning yon tomonida ochilgach, siz uni joylashtirilgan joyni o'zgartirasiz, sahifani ochib, barcha sahifadagi fayllarni qidirib, muayyan tekshiruvlar uchun sahifadagi elementlarni tanlaysiz, fayllar va URL manzillarini nusxalashingiz va hatto bir guruhni sozlashingiz mumkin sozlamalarini o'zgartirishingiz mumkin.
Firefox-da elementlarni tekshiring
Chrome kabi, Firefox Inspector deb ataladigan asbobni ochish uchun bir necha usul mavjud:
- Sahifadagi bo'sh joyni o'ng tugmasini bosing yoki biror elementni tanlang va elementni tekshirish-ni tanlang
- Klaviatura yordamida Ctrl + Shift + T yoki Ctrl + Shift + I ni kiriting
- Firefox menyusida, Developer > Inspector ni bosing
- Asboblar menyusida Web Developer> Inspector ni bosing
Sichqoncha Firefox-da turli xil elementlarga ega bo'lib, Inspektor vositasi elementning manba kodi ma'lumotlarini avtomatik ravishda topadi. Elementni bosing va "qidirilayotgan qidiruv" to'xtaydi va Inspektor oynasida elementni tekshirishingiz mumkin.
Barcha qo'llab-quvvatlanadigan boshqaruvlarni topish uchun elementni o'ng tugmasini bosing. Sahifani HTML deb o'zgartirish, ichki yoki tashqi HTML kodini nusxalash yoki joylashtirish, DOM xususiyatlarini ko'rsatish, tugunni ekranlash yoki o'chirish, yangi xususiyatlarni osongina qo'llash, barcha CSS-ni va boshqalarni ko'rish kabi narsalarni qilishingiz mumkin.
Opera-da elementlarni tekshiring
Opera ham elementlarni tekshirishi mumkin, u Chrome'ga o'xshash DOM Inspektor vositasi bilan. Bunga qanday erishish mumkin:
- Klaviatura yorliqlarini Ctrl + Shift + I dan foydalaning
- Menyu> Boshqa asboblar> Geliştiriceni ko'rsatish menyusiga o'ting va keyin Menu> Developer> Developer Tools orqali menyuni oching
- Sahifadagi har qanday elementdagi o'ng tugmani bosish menyusidan Inspect element ni tanlang
Internet Explorer-da elementlarni tekshiring
Developer Tools deb atalgan o'xshash tekshiruv elementlari vositasi Internet Explorer-da mavjud:
- Klaviaturadan F12 ni bosing
- Tools> F12 Developer Menu ni ( Tools menyusini ko'rmasangiz Alt + X ni bosing)
- Sahifani o'ng tugmasini bosing va elementni tekshirish -ni bosing
IE bu yangi menyuda HTML va CSS tafsilotlarini ko'rish uchun har qanday sahifa elementini bosish imkonini beruvchi Tanlash elementi vositasiga ega. Bundan tashqari siz DOM Explorer ko'rinishida ko'rib chiqayotganingizda elementni ta'kidlashni oson o'chirish / yoqishingiz mumkin.
Yuqoridagi brauzerlardagi boshqa element tekshiruv asboblari singari, Internet Explorer sizni HTMLni tahrirlash, nusxalash va joylashtirish, shuningdek, HTMLni tahrirlash, atributlarni qo'shish, biriktirilgan uslublar bilan nusxa ko'chirish elementlarini qo'shish va boshqa narsalarni qo'shish imkonini beradi.