Siz o'qiyotgan veb-sahifa boshqa narsalar bilan bir qatorda manba kodlaridan iborat. Sizning veb-brauzeringiz ushbu ma'lumotni hozir o'qiyotganingizga o'giradi va tarjima qiladi.
Ko'pgina veb-brauzerlar qaysi turdagi qurilmangiz bo'lishidan qat'i nazar, hech qanday qo'shimcha dasturiy ta'minotni talab qilmaydigan veb-sahifaning manba kodini ko'rish imkoniyatini beradi.
Ayrimlari hatto rivojlangan funktsionallik va tuzilishni taklif qilishadi, bu esa HTML va boshqa dasturiy kodni sahifada ko'rib chiqishni osonlashtiradi.
Nima uchun manba kodini ko'rishni xohlaysiz?
Bir sahifaning manba kodini ko'rishni istagan bir nechta sabablar bor. Agar siz veb-ishlab chiquvchi bo'lsangiz, ehtimol siz boshqa programlovchining maxsus uslubi yoki ilovasida panellar ostidagi peekka olishni xohlaysiz. Ehtimol, siz sifat kafolatlariga egasiz va nima uchun veb-sahifaning muayyan qismini ko'rsatish yoki uni bajarish yo'llarini aniqlashga harakat qilyapsiz.
Siz o'zingizning sahifangizni qanday kodlashni o'rganib olishga harakat qilmoqchi bo'lsangiz va ba'zi haqiqiy misollar izlayotgan bo'lsangiz ham boshlang'ich bo'lishi mumkin. Albatta, siz ushbu toifalarga kirmasligingiz va faqatgina qiziqarli manbalardan manbani ko'rishni xohlashingiz mumkin.
Quyida siz tanlagan brauzerda manba kodini ko'rish bo'yicha ko'rsatmalar keltirilgan.
Gugl xrom
Ishlamoqda: Chrome OS, Linux, macOS, Windows
Chrome ish stoli versiyasi sahifaning manba kodini ko'rish uchun uch xil usulni taklif etadi: birinchi va eng sodda quyidagi klaviatura yorliqlarini ishlatish orqali: CTRL + U ( MAQOMOT + O'ZARO + U ).
Bu tugma bosilganda, faol sahifada HTML va boshqa kodlarni aks ettiradigan yangi brauzer oynasi ochiladi. Bu manba rang kodli va tuzilgan bo'lib, sizni ajratishni osonlashtiradi va siz izlayotgan narsani topishga osonroq bo'ladi. Shuningdek, siz Chrome veb-sahifasining URL manzilining chap tomoniga qo'shilgan va Enter tugmasini bosishingiz mumkin: brauzer manzili : (http: // www .).
Uchinchi usul Chrome-ning ishlab chiquvchi vositalari orqali amalga oshiriladi, bu sizga sahifadagi kodga chuqur sho'ng'in qo'shishga imkon beradi, shuningdek, sinov va ishlab chiqarish maqsadlarida parvozni tez-tez o'zgartiradi. Ishlab chiquvchi asbob interfeysi bu klaviatura yorlig'ini ishlatish orqali ochilishi va yopilishi mumkin: CTRL + SHIFT + I ( MAQOMOTI + OPTION + I ). Quyidagi yo'lni bosib, ularni ishga tushirishingiz mumkin.
- Yuqoridagi o'ng burchagida joylashgan va vertikal tekislangan uchta nuqta bilan ko'rsatilgan Chrome asosiy menyu tugmasiga bosing.
- Ochilgan menyuni ko'rsangiz, sichqonchaning kursorini Boshqa uskunalar-ga o'ting .
- Pastki menyu paydo bo'lganda, Tuzuvchi asboblarini bosing.
Android
Android uchun Chrome brauzerining veb-sahifaning manbasini ko'rish quyidagi matnni manzili (yoki URL manzilining old qismiga) qo'shish va uni yuborish kabi oddiy: view-source:. Bunga misol - manba: https: // www. . Ushbu sahifadagi HTML va boshqa kodlar faol oynada darhol aks etadi.
iOS
IPad, iPhone yoki iPod touch-dagi Chrome yordamida manba kodini ko'rish uchun hech qanday mahalliy usullar mavjud emas, eng oddiy va eng samarali - Resursni ko'rish ilovasi kabi uchinchi tomondan foydalanish.
App Store-da $ 0.99 uchun mavjud bo'lgan, Resursni Ko'rsangiz sahifaning URL manzilini kiritishingizni (yoki uni ba'zan eng oddiy yo'l bo'lgan Chrome-ning manzil satridan nusxalash / joylashtirish) so'raydi va shu. HTML va boshqa manba kodlari bilan bir qatorda, ilovada alohida sahifa aktivlari, Document Object Model (DOM), shuningdek sahifa hajmi, cookie-fayllari va boshqa qiziqarli ma'lumotlarni aks etadigan yorliqlar mavjud.
Microsoft Edge
Ishlayapti: Windows
Edge brauzerida mavjud sahifadagi dastur kodini Tuzuvchi vositasi interfeysi orqali ko'rish, tahlil qilish va hatto boshqarishga imkon beradi. Ushbu qulay vositaga kirish uchun ushbu klaviatura yorliqlaridan birini foydalanishingiz mumkin: F12 yoki CTRL + U. Buning o'rniga sichqonchani tanlashni xohlasangiz, Edge menyusi tugmachasini bosing (o'ng burchakda uchta nuqta) va ro'yxatdan F12 Developer Tools ni tanlang.
Dev asboblari birinchi marta ishga tushirilgandan so'ng, Edge brauzerning kontekst menyusi uchun ikkita qo'shimcha variantni qo'shib qo'yadi (veb-sahifaning har qanday joyida o'ng tugmasini bosish orqali ochiladi): Elementni tekshiring va View manba , ikkinchisi devorni tuzatuvchi qismini ochadi. manba kodi bilan jihozlangan interfeys interfeysi.
Mozilla Firefox
Ishlayotgan: Linux, macOS, Windows
Bir sahifaning manba kodini Firefox ish stoli versiyasida ko'rish uchun klaviatura ustida CTRL + U ( COMMAND + U -ni) ni bosishingiz mumkin, u HTML va boshqa faol veb-sahifani o'z ichiga olgan yangi yorliqni ochadi.
Quyidagi matnni Firefox-ning manzil satriga to'g'ridan-to'g'ri sahifa URL'sining chap qismiga yozishda bir xil manba o'rniga joriy oynada paydo bo'ladi: ko'rish manbai: (ya'ni, manba manbai: https: // www.) .
Sahifaning manba kodiga kirishning yana bir yo'li Firefox ishlab chiquvchi vositalaridan iborat bo'lib, quyidagi qadamlarni bajarish mumkin bo'ladi.
- Brauzeringiz oynasining yuqori o'ng burchagida joylashgan va uch gorizontal chiziq bilan ko'rsatilgan asosiy menyu tugmasini bosing.
- Pop-up menyusi paydo bo'lganda Geliştirici "kaliti" belgisini bosing.
- Web Developer kontekst menyusi endi ko'rinadigan bo'lishi kerak. Sahifa manbai parametrini tanlang.
Firefox shuningdek, sahifaning ma'lum bir qismi uchun manba kodini ko`rsatish imkonini beradi, bu esa muammolarni yechish imkonini beradi. Buni amalga oshirish uchun birinchi navbatda sichqoncha bilan qiziqqan maydonni belgilang. Keyin brauzer kontekst menyusidan o'ng tugmasini bosing va Tanlash Resursini Ko'rish -ni tanlang.
Android
Firefox-ning Android versiyasida manba kodini ko'rish veb-sahifaning URL-manzilini quyidagi matn bilan oldindan belgilab olish mumkin: view-source : . Misol uchun, HTML manbasini ko'rish uchun brauzerning manzil satriga quyidagi matnni yuborasiz: view-source: https: // www. .
iOS
IPad, iPhone yoki iPod touch-laringizda veb-sahifa manba kodini ko'rish uchun tavsiya etilgan usuli App Store-da $ 0.99 uchun mavjud bo'lgan View Source dasturidan o'tadi. To'g'ridan-to'g'ri Firefox bilan integratsiya qilinmagan bo'lsa-da, URLni brauzerdan brauzerdan osongina nusxalashingiz va joylashtirishingiz mumkin, buning uchun ushbu sahifaga tegishli HTML va boshqa kodni ochishingiz mumkin.
Apple Safari
IOS va macOS-da ishlash
iOS
IOS uchun Safari ilovasi sukut bo'yicha sahifa manbasini ko'rish imkoniyatini o'z ichiga olmasa-da, brauzer App Store-da $ 0.99 uchun mavjud View Source ilovasi bilan muammosiz integratsiyani amalga oshiradi.
Ushbu uchinchi tomon ilovasini o'rnatganingizdan so'ng, Safari brauzeriga qayting va ekranning pastki qismida joylashgan va kvadrat va yuqoriga o'q bilan ko'rsatilgan Share tugmasini bosing. Sizning Safari oynangizning pastki qismini qoplash uchun iOS Shakli varaqasini endi ko'rinadigan bo'lishi kerak. O'ngga o'ting va Manbani ko'rish tugmasini bosing.
Faol sahifaning manba kodining rangli kodli, tuzilgan vakili endi siz sahifadagi obyektlarni, skriptlarni va boshqalarni ko'rishga imkon beruvchi boshqa tablar bilan ko'rsatilishi kerak.
makros
Safari ish stoli versiyasida bir sahifaning manba kodini ko`rish uchun birinchi navbatda Loyih menyusini yoqishingiz kerak. Quyidagi qadamlar sizni ushbu maxfiy menyuni faollashtirish va sahifaning HTML manbasini ko'rsatish orqali yuradi.
- Ekranning yuqori qismida joylashgan brauzer menyusida Safari- ni bosing.
- Ochilgan menyuni ko'rsangiz, Preferences (afzalliklar) ni tanlang.
- Safarining afzalliklari endi ko'rinishi kerak. Yuqori satrning o'ng tomonida joylashgan Kengaytirilgan belgisini bosing.
- Murakkab bo'limning pastki qismida, menyu panelidagi Show Show menyusi bilan belgilanadigan variant bo'sh belgilash katakchasi bilan belgilanadi. Unga bir martalik belgini qo'yish uchun bir marta bosing va yuqori chap burchakda joylashgan qizil 'x' tugmasini bosish orqali Preferences oynasini yoping.
- Ekranning yuqori qismida joylashgan " Ilova" menyusiga bosing.
- Ochilgan menyuni ko'rsangiz, Page Source ni tanlang. Buning o'rniga quyidagi klaviatura yorliqlarini ishlatishingiz mumkin: COMMAND + OPTION + U.
Opera
Ishlayotgan: Linux, macOS, Windows
Opera brauzeridagi faol veb-sahifada manba kodini ko'rish uchun quyidagi klaviatura yorliqlarini foydalaning: CTRL + U ( MAQOMOTI + ORTAM + U ). Agar siz joriy oynada manbani yuklashni xohlasangiz, manzil satrida sahifa URL'sining chap qismidagi quyidagi matnni kiriting va Enter tugmasini bosing: view-source: (ya'ni, view-source: https: // www. ).
Opera-ning ish stoli versiyasi, sizning HTML-resursingizni, CSS-ni va boshqa elementlarni o'zingizning o'rnatilgan dasturiy vositalaridan foydalanib ko'rish imkonini beradi. Sukut asosiy brauzer oynasining o'ng tomonida ko'rinadigan ushbu interfeysni ishga tushirish uchun quyidagi klaviatura yorliqlarini bosing: CTRL + SHIFT + I ( MAQOMOTI + OPTION + I ).
Operatorning ishlab chiquvchi vositalariga quyidagi qadamlarni qo'yib o'tish mumkin.
- Brauzeringiz oynasining yuqori chap burchagida joylashgan Opera logotipini bosing.
- Ochilgan menyuni ko'rsangiz, sichqonchaning kursorini Boshqa uskunalar-ga o'ting .
- " Ishlab chiquvchisini ko'rsatish" tugmasini bosing.
- Opera logotipini yana bosing.
- Agar ochiladigan menyuni ko'rsatsangiz, kursorni Tuzuvchi ustiga olib keling.
- Pastki menyu paydo bo'lganda, Tuzuvchi asboblarini bosing.
Vivaldi
Vivaldi brauzerida sahifa manbasini ko'rishning bir necha yo'li mavjud. Eng oddiy CTRL + U klaviatura orqali, bu yangi sahifadagi faol sahifadagi kodni taqdim etadi.
Quyidagi matnni sahifadagi URLning old qismiga qo'shishingiz mumkin: bu mavjud oynada manba kodini ko'rsatadi: view-source : . Bunga misol - manba: http: // www. .
Boshqa usul ham brauzerning o'rnatilgan dasturiy vositalaridan iborat bo'lib, CTRL + SHIFT + I kombinatsiyasini bosish orqali yoki brauzerning Tools menyusida Tuzuvchi asboblari- ni tanlang - yuqori chap burchakdagi 'V' belgisini bosish orqali topiladi. Dev asboblarini ishlatish sahifaning manbasini chuqur tahlil qilishga imkon beradi.