Nimalarni bilish kerak
-
Safarida: veb-sahifani oʻng tugmasini bosing va Elementni tekshirish-ni tanlang.
- Chrome brauzerida siz sichqonchaning oʻng tugmasini bosib, Tekshirish tugmasini bosishingiz mumkin.
- Safarida funksiyani yoqish uchun: Safari > Preferences > Kengaytirilgan 64334-ni tekshiring Menyu satrida Rivojlanish menyusini ko'rsatish oynasi.
Ushbu maqola sizga Mac-da veb-sayt elementini qanday tekshirishni o'rgatadi. Buni Safari va Google Chrome orqali qanday qilish kerakligi ko'rib chiqiladi.
Mac-da Elementni tekshirish funksiyasidan qanday foydalanasiz?
Safaridan foydalanganda Mac-dagi elementlarni tekshirishdan oldin brauzerda dasturchi menyusini yoqishingiz kerak. Bu yerda uni qanday yoqish va elementni tekshirish uchun nima qilish kerakligi ko‘rib chiqiladi.
Agar siz xatchoʻplar va oyna oʻrtasida ishlab chiqishni koʻrsangiz, Dasturchilar menyusi allaqachon yoqilgan va siz 4-bosqichga oʻtishingiz mumkin.
Safarida Elementni tekshirish funksiyasidan foydalanish
Mana bu yerda Inspect Element-dan Mac kompyuterlarida standart brauzer Safari-da qanday foydalanish mumkin.
-
Safarida Safari > Sozlamalar tugmasini bosing.
Image -
Kengaytirilgan tugmasini bosing.
Image -
Menyu satrida Rivojlanish menyusini ko'rsatish tugmasini bosing va oynani yoping.
Image - Veb-saytni koʻrayotganda tekshirmoqchi boʻlgan elementni oʻng tugmasini bosing.
-
Bosing Elementni tekshirish.
Image -
Endi siz tekshirgan veb-sayt ortidagi kodni koʻrishingiz mumkin.
Image
Mac-da Chrome-da Elementni tekshirish funksiyasidan foydalanish
Agar siz Mac kompyuteringizda Safari oʻrniga Chrome brauzeridan foydalansangiz, elementni koʻrish yanada osonlashadi, chunki funksiyani yoqish shart emas. Mana nima qilish kerak.
- Chrome brauzerida veb-saytga tashrif buyuring.
- Tekshirmoqchi boʻlgan elementni oʻng tugmasini bosing.
-
Tekshirish tugmasini bosing.
Image -
Endi kodni Chrome brauzerining yon oynasida koʻrishingiz mumkin.
Image
Nega men Mac-da tekshira olmayman?
Safarida Tuzuvchi menyusini yoqmagan boʻlsangiz, Mac kompyuteringizda elementni tekshira olmasligingiz mumkin. Buni qanday qilish haqida eslatma.
-
Safarida Safari > Sozlamalar tugmasini bosing.
Image -
Kengaytirilgan tugmasini bosing.
Image -
Menyu satrida Rivojlanish menyusini ko'rsatish tugmasini bosing va oynani yoping.
Image
Elementni tekshirish orqali veb-saytni qanday o'zgartirish mumkin
Veb-saytdagi kodni koʻrishga ruxsat berishdan tashqari, Inspect Element orqali veb-saytning istalgan elementini vaqtincha oʻzgartirish ham mumkin. Buni Safari orqali qanday qilish mumkin.
Bu jarayon boshqa brauzerlarda juda oʻxshash.
- Veb-saytni koʻrayotganda tekshirmoqchi boʻlgan elementni oʻng tugmasini bosing.
- Bosing Elementni tekshirish.
- Koddagi matnni tahrirlash uchun ikki marta bosing.
- Oʻchirib tashlang yoki yangi matn qatorini kiriting.
- Kirish tugmasini bosing.
- Kod endi faqat sizning manfaatingiz uchun vaqtincha oʻzgartirildi.
Nega Elementni tekshirish funksiyasidan foydalanmoqchisiz?
Elementni tekshirish imkoniyati koʻp sabablarga koʻra foydalidir.
- Kodni tezda oʻzgartirish uchun. Veb-sayt dizaynerlari oʻzgarishlarga qanday taʼsir qilishini koʻrish uchun veb-saytdagi narsalarni vaqtincha oʻzgartirishi mumkin.
- Kodni tekshirish uchun. Dizaynerlar ham, marketing boʻyicha ham Google Analytics maʼlumotlari mavjudligini tasdiqlash uchun kodni tekshirishlari mumkin.
- Tasvirlarni saytdan alohida koʻrish uchun. Agar sayt sizga rasmni yangi oyna yoki oynada ochishga ruxsat bermasa, elementni ko‘rish buni amalga oshiradi.
-
Tinker. Veb-sahifaning kodini ko'rish sizga ko'rayotgan narsalarni tushunishga yordam beradi, siz kirgan sayt bilan nima va nima sababdan sirni yo'q qiladi. Bu qurilma qanday ishlashini ko'rish uchun uni qismlarga ajratishga o'xshaydi, lekin bu holatda hech qanday vintni yo'qotib bo'lmaydi.
FAQ
Veb-saytni tekshirish qonuniymi?
Ha. Biroq, agar siz veb-saytdagi biron bir kod yoki obyektdan foydalanmoqchi bo‘lsangiz, egasiga murojaat qiling va mualliflik huquqiga oid eslatma qo‘shing.
Inspect elementi bilan veb-saytdan HTMLni qanday nusxalash mumkin?
Chrome brauzerida sahifani oʻng tugmasini bosing va Tekshirish ni tanlang, soʻng yuqori qismga oʻting va tegni oʻng tugmasini bosing (masalan,). Copy > Copy outerHTML ni tanlang, keyin kodni matn yoki HTML faylga joylashtiring.
Tekshirish elementi boʻlgan veb-saytdan CSS-ni nusxalash mumkinmi?
Ha. Nusxa olmoqchi boʻlgan elementni oʻng tugmasini bosing va Tekshirish-ni tanlang. Belgilangan kodni o'ng tugmasini bosing va Copy > Uslublarni nusxalash-ni tanlang.
Tekshirish elementi yordamida saqlangan parollarimni qanday koʻraman?
Yashirin parollarni ochish uchun parol matn maydonini oʻng tugmasini bosing va Tekshirish ni tanlang. Ajratilgan bo'limda type="password" ni qidiring va parol ni matn bilan almashtiring. Chrome brauzerida barcha parollaringizni ko‘rsatishning oson yo‘llari bor.
