Google Chrome brauzerida sahifa kodini qanday o'zgartirish mumkin. Google Chrome brauzerida sahifaning manba kodini qanday ko'rish mumkin

Internetda joylashtirilgan saytning fayllari va kodiga ta'sir qilmasdan, saytning o'zida barcha o'zgarishlarni tezda ko'rishingiz kerak. Masalan, blokning rang sxemasini o'zgartirish, ko'chirilgan elementni ko'chirish va hokazo.

Buning uchun ko'pgina veb-ustalar mahalliy Denwer yoki OpenServer serverlaridan foydalanadilar, ular saytning to'liq nusxasini kompyuterlarida ishlaydi. Ushbu usul universal va professionallar uchun mos keladi, u turli xil skriptlar va plaginlarning ishlashini sinab ko'rish, dizayndagi o'zgarishlar bilan tajriba o'tkazish va barcha sayt fayllarini tahrirlash va testdan so'ng tegishli o'zgarishlarni to'g'ridan-to'g'ri saytga o'tkazish uchun ishlatilishi mumkin.

Webmaster san'atidan uzoq bo'lgan foydalanuvchilar uchun men ushbu maqsadlar uchun brauzerdan foydalanishni tavsiya qilaman. Chrome brauzeridan foydalanganim uchun men ushbu brauzer uchun skrinshotlar bilan ko'rsatmalar beraman. Analogiya bo'yicha siz Opera, Yandex.Browser, Mozilla Firefox va boshqa brauzerlar bilan ishlashingiz mumkin, ularning vositalarining printsipi o'xshash;

Ko'rsatma 1: brauzerda saytning butun HTML kodini qanday ko'rish mumkin

Saytingizning kerakli veb-sahifasini oching. Kerakli elementni o'ng tugmasini bosing, mavjud buyruqlar bilan brauzerning kontekstli ochiladigan menyusi paydo bo'ladi:

Shakl 1. Chrome brauzerida veb-sahifaning butun HTML kodini ko'rish

Muhim: Ochiladigan menyudagi buyruqlar, masalan, faol elementlar (havolalar, rasmlar, videolar) va faol bo'lmaganlar (matn, fon, divs) uchun farq qilishi mumkin:

Shakl 2. Chrome brauzerining ochiladigan menyusi

Shunday qilib, kerakli buyruqni topmasangiz, boshqa joyni o'ng tugmasini bosing yoki brauzeringizning tezkor tugmalaridan foydalaning.

Keling, 1-rasmga qaytaylik, u manba veb-sahifasining barcha HTML kodlarini ko'rish uchun kerakli buyruqni ko'rsatadi, u "deb ataladi. Sahifa kodini ko'rish". Buyruqni bosing, manba veb-sahifasining to'liq kodi bilan yangi yorliq ochiladi, hamma narsa uchun katta plyus - ko'rish sintaksisni ta'kidlash bilan mavjud:

Rasm 3. Ushbu saytning kod qismi

Ushbu vosita siz izlayotgan elementlarni topish va tahrirlash uchun juda foydali.

Veb-sahifaning barcha HTML kodlarini ko'rishning muqobil usullari

Tezroq kirish uchun siz ushbu vositaga qo'ng'iroq qilishning boshqa usullaridan foydalanishingiz mumkin

1-rasmda biz ushbu buyruq klaviatura yorlig'i orqali mavjudligini ham ko'ramiz + ;

Brauzerning manzil satriga mening domenim o‘rniga view-source:site ni qo‘ying, manzilingizni kiriting;

Ikkala usul ham universaldir va barcha brauzerlarda ishlashi kerak.

Avvaliga ba'zilar bu umuman zarur vosita emas deb o'ylashlari mumkin, ammo saytning butun HTML kodini ko'rish koddagi kerakli elementlarni topish uchun juda yaxshi, bu havolalar, teglar, meta teglar, atributlar va boshqa elementlar bo'lishi mumkin. .

Issiq tugmalar birikmasi +qidiruv oynasini oching, Chrome brauzerida u yuqori o'ng tomonda paydo bo'ladi:

Rasm 3. Sayt kodi bo'yicha qidirish

Qidiruv formasiga so'rovni kiritganingizdan so'ng, ekran birinchi topilgan elementga o'tadi, strelkalar yordamida siz ular orasida harakat qilishingiz va kerakli narsani tanlashingiz mumkin:

Rasm 4. HTML sayt kodi bo'yicha qidirish

2-ko'rsatma: Google Chrome brauzerida saytning HTML va CSS kodlarini qanday ko'rish va tahrirlash

Endi men brauzerda veb-saytning HTML va CSS kodini qanday tahrirlash mumkinligini ko'rsatuvchi eng muhim qism. keyin o'zgarishlarni brauzerga o'tkazing.

Ushbu foydali vosita har doim brauzeringizda mavjud bo'lib, saytingizni tahrirlashni osonlashtiradigan boshqa buyruqlar bilan tajriba;

Internetdagi son-sanoqsiz saytlarni ko'rib chiqsangiz, bizga juda yoqadiganlarini uchratishingiz mumkin. Darhol bir qator savollar tug'iladi. Sayt uy qurilishi kodi yoki qandaydir CMS yordamida yaratilganmi? U qanday CSS uslublariga ega? Uning meta teglari nima? Va hokazo.

Veb-sayt sahifasi kodi haqida ma'lumot olish uchun ishlatilishi mumkin bo'lgan ko'plab vositalar mavjud. Lekin har doim qo'limizda sichqonchaning o'ng tugmasi bor. Bu bizning saytimni misol sifatida ishlatib, foydalanamiz.

Sahifa kodini qanday ko'rish mumkin?

Sayt sahifasining manba kodini ko'rish uchun sichqonchani veb-sahifaning istalgan joyiga (rasmlar va havolalardan tashqari) olib borishingiz kerak. Shundan so'ng, sichqonchaning o'ng tugmachasini bosing. Oldimizda bir nechta variantlarga ega oyna ochiladi (ular turli brauzerlarda biroz farq qilishi mumkin). Masalan, Google Chrome brauzerida bu buyruqlar:

orqaga;
oldinga;
qayta ishga tushirish;
sifatida saqlash;
muhr;
rus tiliga tarjima qilish;
sahifa kodini ko'rish;
kodni ko'rish.

Biz bosishimiz kerak sahifa kodini ko'rish, va oldimizda sayt sahifasining html kodi ochiladi.

Sahifa kodini ko'rish: nimaga e'tibor berish kerak?

Shunday qilib, Html sahifa kodi - bu har birida ushbu sayt qanday yaratilganligi haqida ma'lumot beruvchi qatorlarning raqamlangan ro'yxati. Ushbu juda ko'p belgilar va maxsus belgilarni tezda tushunishni o'rganish uchun siz kodning turli bo'limlarini farqlashingiz kerak.

Masalan, bosh yorlig'i ichidagi kod satrlari qidiruv tizimlari va veb-ustalar uchun ma'lumotlarni o'z ichiga oladi. Ular saytda ko'rsatilmaydi. Bu erda siz ushbu sahifa qanday kalit so'zlar uchun targ'ib qilinganligini, uning sarlavhasi va tavsifi qanday yozilganligini ko'rishingiz mumkin. Shuningdek, bu erda siz havolani topishingiz mumkin, undan keyin biz saytda ishlatiladigan Google shriftlari oilasi haqida bilib olamiz.

Agar sayt CMS WordPress yoki Joomla-da yaratilgan bo'lsa, u bu erda ham ko'rinadi. Misol uchun, bu maydon WordPress mavzusi yoki Joomla veb-sayti shabloniga oid ma'lumotlarni ko'rsatadi. Buni ko'k rang bilan belgilangan havolalar mazmunini o'qib ko'rishingiz mumkin. Bitta havola veb-sayt shablonini ko'rsatadi.

Masalan:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Biz sahifaning CSS shrift uslublarini ko'ramiz. Bunday holda, shrift ishlatiladi. Buni bu erda ko'rish mumkin - font-family: 'Source Sans Pro'.

Ushbu sayt Yoast SEO plagini yordamida optimallashtirilgan. Buni kodning ushbu sharhlangan qismidan ko'rish mumkin:

Bu sayt Yoast SEO plagini v3.4.2 bilan optimallashtirilgan - https://yoast.com/wordpress/plugins/seo/

Tana tegidagi barcha ma'lumotlar brauzer tomonidan monitor ekranida ko'rsatiladi. Bu erda biz sahifaning html kodini ko'ramiz va eng pastki qismida Yandex Metrics skript kodi mavjud. U quyidagi matn bilan izohlangan teg bilan o'ralgan:

/Yandex.Metrika hisoblagichi

Keling, xulosa qilaylik

Saytning asosiy sahifasi kodini juda yuzaki tahlil qilib, biz ushbu sahifa qanday vositalar yordamida yaratilganligi haqida xulosa chiqarishimiz mumkin. Biz unda ko'rdik:

CMS WordPress;
Google shrifti Source Sans Pro;
WordPress mavzusi – Sidney;
Yoast plaginlari;
Yandex ko'rsatkichlari hisoblagichi.

Endi veb-sayt sahifasining html kodini tahlil qilish printsipi juda aniq. Siz izlayotgan sahifani brauzerda ochiq saqlash shart emas. Sahifa kodini ctrl+a, ctrl+c, ctrl+v tugmalar birikmalaridan foydalanib kompyuteringizga saqlashingiz mumkin. Uni istalgan matn muharririga (afzalroq Notepad++) joylashtiring va html kengaytmasi bilan saqlang. Shunday qilib, istalgan vaqtda siz uni chuqurroq o'rganishingiz va o'zingiz uchun foydaliroq ma'lumotlarni topishingiz mumkin.

Biz “Ijtimoiy media kontenti marketingi: qanday qilib oʻz izdoshlaringizning boshiga kirib, ularni oʻz brendingizga mehr qoʻyish” nomli yangi kitobni chiqardik.

Saytning manba kodi brauzer veb-serverdan oladigan HTML belgilari, CSS uslublari va JavaScript skriptlari to'plamidir.

Kanalimizda ko'proq videolar - SEMANTICA bilan internet marketingni o'rganing

Buni qo'mondon tomonidan askarlarga berilgan buyruqlar to'plami bilan solishtirish mumkin. Tasavvur qiling-a, tomoshabinlar xo'jayinni ko'rmaydilar yoki eshitmaydilar. Ularning nuqtai nazaridan, harbiy harakatlar mustaqil ravishda amalga oshiriladi. Bizning holatda, qo'mondon brauzer, buyruqlar manba kodi va marshrutchi askarlar yakuniy natijadir.

Sayt veb-serverda saqlanadi, u sahifani foydalanuvchi talabiga binoan yuboradi. So‘rov manzillar qatoriga URL manzilini kiritish, havolani bosish yoki formadagi yuborish tugmasini bosishdir. Veb-sahifalar qaysi tilda yozilganligi yoki ularda dasturiy komponent mavjudligi muhim emas. Har qanday server tomonidagi algoritmning yakuniy natijasi HTML teglar va matnlar to'plamidir.
Sahifa manba kodi - bu quyidagi ma'lumotlar to'plamidir:

html belgilash;
uslublar jadvali yoki faylga havola;
JavaScript-da yozilgan dasturlar yoki kodli fayllarga havolalar.

Ushbu uchta bo'lim brauzer tomonidan qayta ishlanadi. Server uchun bu shunchaki so'rovga javoban yuborilishi kerak bo'lgan matn.

Nima uchun biz manba kodini o'rganishimiz kerak bo'lishi mumkin

Biz ko'rgan hamma narsani tahlil qilishimiz va sayt bilan ishlashda, ayniqsa uni optimallashtirishda yuzaga keladigan muammolarni hal qilish uchun qo'llashimiz mumkin. Manba kodiga qarab, biz quyidagilarni amalga oshirishimiz mumkin:

Ularni tahlil qilish uchun o'zingizning yoki boshqa birovning saytining meta teglarini ko'ring.
Saytda ma'lum elementlarning mavjudligi yoki yo'qligini ko'ring: hisoblagichlar, turli tizimlardagi identifikatsiya kodlari, ma'lum skriptlar va boshqalar.
Elementlarning parametrlarini aniqlang: o'lchamlar, ranglar, shriftlar.
Sahifada joylashgan fotosuratlar va boshqa elementlarga yo'lni toping.
Sahifadagi havolalarni o'rganing.
Saytni optimallashtirish jarayoniga xalaqit beradigan kod bilan bog'liq muammolarni toping: alohida fayllarga joylashtirilmagan uslublar, skriptlar, yaroqsiz kod.

Bu asosiy xususiyatlar, lekin aslida kodni o'qish orqali siz sahifa haqida ko'p narsalarni bilib olishingiz mumkin.

Saytning manba kodini qanday ko'rish mumkin

Buni brauzerdan serverga joylashtirilgan shaklda to'liq bajarish mumkin bo'lmaydi. Lekin sahifani o'ng tugmasini bosish orqali barcha belgilarni ko'rishingiz mumkin. Bu erda va quyida misol sifatida Google Chrome-dan foydalaning.

"Sahifa kodini ko'rish" opsiyasini tanlang va to'liq ro'yxatni alohida yorliqda oling.

Bu shunchaki matn, uni tushunish uchun tahlil qilishingiz kerak. Lekin siz ishlab chiquvchi vositalaridan foydalanib interaktiv kodni olishingiz mumkin.

Veb-sayt sahifasining manba kodini qanday topish mumkin

Brauzerdagi menyu belgisini bosing. Ko'pincha u o'ng tomonda va uchta nuqta yoki chiziqqa o'xshaydi.

Qo'shimcha vositalar bo'limida "Ishlab chiquvchi asboblar" ni tanlang.

Kodning faol holatini ko'rsatadigan oyna ochiladi. Bu shuni anglatadiki, siz belgilashni bosganingizda, uning yonida element uslubi paydo bo'ladi va tanlangan bloklar sahifada ta'kidlanadi.

"Manba" yorlig'ida siz ba'zi fayllarning mazmunini ko'rishingiz mumkin: skriptlar, shriftlar, tasvirlar.

"Xavfsizlik" yorlig'ida siz sayt sertifikatini tekshirishingiz mumkin.

"Auditlar" yorlig'i hostingda joylashtirilgan resursni tekshirishga yordam beradi.

Agar o'ngdagi panelning joylashuvi noqulay bo'lsa, siz uchta nuqtani bosishingiz va kerakli elementni tanlab o'zgartirishingiz mumkin.

Meta teglarni qanday ko'rish mumkin

Har bir HTML hujjatida struktura teglari mavjud. Mana ulardan ba'zilari:

Html - butun hujjat.
Bosh - xizmat sarlavhalari bo'limi.
Sarlavha - sahifa sarlavhasi (yorliqda ko'rsatiladi).
Tana - hujjatning asosiy qismi.
H1-H6 - sahifa matn sarlavhalari.
Maqola - maqola.
Bo'lim - bo'lim.
Menyu - menyu.
Div - blok.
Span - qator.
P - paragraf.
Jadval - stol.

Elementlar sahifadagi bo'limlarni mantiqiy chegaralash uchun mo'ljallangan, agar kerak bo'lsa, ular uslublar yordamida ishlab chiqilgan. Ular sahifada qandaydir tarzda ko'rinadigan matnni o'z ichiga oladi. Lekin Head yorlig'i xizmat ma'lumotlarini o'z ichiga oladi. Uni ko'rsatish uchun meta teglar ishlatiladi. Ularda yozilgan hamma narsa server va qidiruv tizimlari uchun mo'ljallangan.

Ularning mazmunini boshqa yo'l bilan bilib bo'lmaydi.

Keling, havola tegiga e'tibor beraylik. Uning yordami bilan tashqi kiritilgan fayllarga havolalar belgilanadi. Agar xohlasangiz, tarkibni ko'rishingiz va diskda saqlashingiz mumkin. Buning uchun kursorni manzilga olib boring va RMB tugmasini bosing. "Yangi tabda ochish" -ni tanlang.

Belgilangan fayl siz ko'rishingiz yoki saqlashingiz mumkin bo'lgan yangi yorliqda ochiladi.

Skriptni disk raskadrovka qilish uchun sahifaning manba kodini qanday ko'rish mumkin

Bunday holda, sahifani mahalliy mashinada ochish eng qulaydir. Agar siz faqat belgilash, uslublar va skriptlarni tuzatishingiz kerak bo'lsa, bu to'g'ridan-to'g'ri papkadan amalga oshirilishi mumkin. HTML kodi xuddi shu tarzda ko'rib chiqiladi. Ammo JavaScript kodidagi xatolarni "Konsol" yorlig'ida ko'rish mumkin. Bu xatoning tavsifini va u sodir bo'lgan satr raqamini ko'rsatadi.

Sintaksisni to'g'ridan-to'g'ri kodda ko'rish mumkin. Bu "Manba" yorlig'i uchun mo'ljallangan.

Muayyan elementning kodini qanday ko'rish mumkin

Ko'p elementlarga ega katta sahifalar uchun barcha belgilarda kerakli kodni topish qiyin. Bunday holda, siz kontekst menyusining maxsus buyrug'idan foydalanishingiz kerak. Sichqonchani parcha ustiga olib boring va RMB tugmasini bosing. "Kodni ko'rish" buyrug'ini tanlang.

Xuddi shu oyna ochiladi, lekin diqqat tanlangan ob'ektga qaratilgan.

Xulosa

Biz sizga sahifaning manba kodi nima ekanligini aytdik. HTML va CSS-ning asosiy bilimlarini o'zlashtirish kifoya va qulay ishlab chiquvchi vositalaridan foydalangan holda siz o'zingizning HTML hujjatlaringizni disk raskadrovka qilishingiz mumkin bo'ladi.

Internetdagi resurslar kodini ko'rib chiqish nafaqat o'z tajribangizdan o'rganish, balki haqiqiy ish misollaridan foydalanish imkonini beradi. Va SEO mutaxassislari uchun meta teglar foydali bo'ladi, ulardagi ma'lumotlar sayt haqida ko'p narsalarni aytib berishi mumkin.

SendPulse xizmati obuna bazasini yaratish va veb-saytingizga tasodifiy tashrif buyuruvchilarni muntazam tashrif buyuruvchilarga aylantirish uchun marketing vositasidir. SendPulse bir platformada mijozlarni jalb qilish va ushlab turish uchun eng muhim funktsiyalarni birlashtiradi:
● elektron pochta xabarnomalari,
● web push,
● SMS xabarlar,
● SMTP,
● Viberdagi axborot byulletenlari,
● facebook messenjeriga xabarlar yuborish.

Elektron pochta xabarnomalari

Elektron pochta jo'natmalarini o'tkazish uchun turli tariflardan, shu jumladan bepullardan foydalanishingiz mumkin. Bepul rejada cheklovlar mavjud: obuna bazasi 2500 dan oshmaydi.
Elektron pochta xabarnomalari xizmati bilan ishlashda boshlashingiz kerak bo'lgan birinchi narsa o'zingizni yaratishdir manzillar kitobi. Sarlavha o'rnating va elektron pochta manzillari ro'yxatini yuklang.

SendPulse-da yaratish qulay obuna shakllari qalqib chiquvchi oyna shaklida, o'rnatilgan shakllar, ekranning ma'lum bir qismida suzuvchi va o'rnatiladi. Obuna shakllaridan foydalanib, siz noldan obunachilar bazasini to'playsiz yoki bazangizga yangi manzillar qo'shasiz.
Shakl dizaynerida siz ehtiyojlaringizga eng mos keladigan obuna shaklini yaratishingiz mumkin va xizmat ko'rsatish bo'yicha maslahatlar bu vazifani engishingizga yordam beradi. Bundan tashqari, mavjud tayyor shakllardan birini qo'llash mumkin.

Obuna shakllarini yaratishda korporativ domen bilan elektron pochtadan foydalanishni unutmang. Qanday qilib o'qing.
Xabar shablonlar obunachilarga xatlaringizni chiroyli tarzda loyihalashtirishga yordam beradi. Maxsus dizaynerda o'zingizning harf shabloningizni yaratishingiz mumkin.

Avtomatik pochta jo'natmalari. Kontent menejerlari avtomatik pochta jo'natmalaridan faol foydalanadilar. Bu mijozlar bilan ishlash jarayonini avtomatlashtirishga yordam beradi. Avtomatik pochta xabarnomasini bir necha usulda yaratishingiz mumkin:
● Harflarning ketma-ket ketma-ketligi. Bu shartlardan qat'i nazar, oluvchilarga ma'lum tartibda yuboriladigan bir nechta xat yozilsa, eng oddiy variant. Bu erda variantlar bo'lishi mumkin - xabarlar seriyasi(oddiy xabarlar zanjiri), maxsus sana(maktublar ma'lum sanalarga mo'ljallangan), tetik harfi- xat abonentning harakatlariga qarab yuboriladi (xabarni ochish va h.k.).
● Avtomatlashtirish 360- ma'lum filtrlar va shartlar bilan, shuningdek, konversiyalarni hisobga olgan holda pochta jo'natmalari.
● Tayyor zanjirlar shablonga muvofiq. Berilgan shablon yordamida bir qator harflar yaratishingiz yoki shablonni o'zgartirishingiz va uni ehtiyojlaringizga moslashtirishingiz mumkin.
A/B testi bir qator xatlarni yuborishning turli xil variantlari bilan tajriba o'tkazishga yordam beradi va ochish yoki bosish asosida eng yaxshi variantni aniqlash.

Push bildirishnomalarini yuborish

Push pochta jo'natmalari brauzer oynasidagi obuna bo'lib, bu RSS obunalarini almashtirishning bir turi. Web-push texnologiyalari bizning hayotimizga tez kirib bordi va mijozlarni jalb qilish va ushlab turish uchun push-maillardan foydalanmaydigan veb-saytni topish allaqachon qiyin. Skriptni so'rash uchun siz xatlarni qo'lda yuborishingiz yoki bir qator harflar yaratish yoki RSS-dan ma'lumotlarni yig'ish orqali avtomatik pochta jo'natmalarini yaratishingiz mumkin. Ikkinchi variant sizning veb-saytingizda yangi maqola paydo bo'lgandan so'ng, bu haqda qisqacha e'lon bilan obunachilaringizga avtomatik ravishda xabar yuborilishini anglatadi.

Yuborishdan yangiPuls– endi siz Push bildirishnomalaridan foydalanib, ularga reklama joylashtirish orqali saytingizni monetizatsiya qilishingiz mumkin. $10 ga yetgandan so'ng, to'lovlar har dushanba kuni to'lov tizimlaridan biri - Visa/mastercard, PayPal yoki Webmoney orqali amalga oshiriladi.
Xizmatdagi push-xabarlar mutlaqo bepul. To'lov faqat White Label - SendPulse xizmatini eslatmasdan pochta jo'natmalari uchun olinadi, ammo agar xizmat logotipi sizni bezovta qilmasa, unda siz push-bildirishnomalardan cheklovlarsiz bepul foydalanishingiz mumkin.

SMTP

SMTP funksiyasi oq roʻyxatga kiritilgan IP manzillar yordamida xatlaringizni qora roʻyxatga tushishdan himoya qiladi. SendPulse pochta jo'natmalarida qo'llaniladigan DKIM va SPF kriptografik imzo texnologiyalari yuborilgan xatlarga ishonchni oshiradi va xatlaringiz spam yoki qora ro'yxatga tushib qolish ehtimolini kamaytiradi.

Facebook Messenger botlari

Facebook chatboti beta-sinovda. Siz uni sahifangizga ulashingiz va obunachilarga xabar yuborishingiz mumkin.

SMS yuborish

SendPulse xizmati orqali telefon raqamlari ma'lumotlar bazasidan foydalangan holda pochta jo'natmalarini yuborish oson. Birinchidan, siz telefon raqamlari ro'yxati bilan manzillar kitobini yaratishingiz kerak. Buning uchun "Manzil kitobi" bo'limini tanlang, yangi manzillar kitobini yarating va telefon raqamlarini yuklang. Endi siz ushbu ma'lumotlar bazasidan foydalanib, SMS xabarnoma yaratishingiz mumkin. SMS-xabarning narxi qabul qiluvchining aloqa operatorlariga qarab o'zgaradi va yuborilgan 1 SMS uchun o'rtacha 1,26 rubldan 2,55 rublgacha.

sheriklik dasturi

SendPulse sheriklik dasturini amalga oshiradi, uning doirasida tarif uchun to'lagan havolangizdan foydalangan holda ro'yxatdan o'tgan foydalanuvchi sizga 4000 rubl olib keladi. Taklif etilgan foydalanuvchi xizmatdan foydalanishning dastlabki 5 oyi uchun 4000 rubl chegirma oladi.

Har bir Internet foydalanuvchisi uzoq vaqt o'tkazadigan o'zining sevimli saytlariga ega. Va faqat dangasa uning qanday yaratilgani va nimadan iboratligini ko'rishni o'ylamadi. Bu savollarning barchasiga javob berishning iloji yo'q, chunki veb-sayt yaratishning ko'plab usullari mavjud, ammo uni tashkil etuvchi buyruqlar va kodlarga qarash hamma uchun mumkin va ochiqdir.

Yana bir savol shundaki, dasturlash bilan shug'ullanmagan odam kodni tashkil etuvchi belgilarni tushunadimi? Ammo quyida keltirilgan misollardan har qanday Google Chrome foydalanuvchisi saytlarning alohida elementlarini ko'rishi mumkin.

Google brauzerida html sahifaning manba kodini qanday ko'rish mumkin

Chrome brauzerida sahifa kodini ko'rishingiz uchun siz qiziqqan saytga o'tishingiz va quyidagi amallarni bajarishingiz kerak:

Ushbu ikki element o'zlarining funksionalligi va foydalanuvchi, dasturchi yoki xaker uchun ma'lumotlari bilan farqlanadi.

Sahifa kodi va shunchaki "Kodni ko'rish" buyrug'i o'rtasidagi farq nima?

Ushbu funktsiyalarning har birini tahlil qilib, siz alohida maqola yozishingiz mumkin. Dasturchilar uchun bu farq muhim va ular qaysi hollarda Google Chrome brauzerida "Kodni ko'rish" va qaysi "Sahifa kodini ko'rish" dan foydalanish kerakligini tushunishadi.

Ammo oddiy foydalanuvchi uchun ushbu funktsiyalarni quyidagi maqsadlarga bo'lish mumkin:

"Sahifa kodini ko'rish" faqat sahifaning asosiy kombinatsiyasini ko'rish uchun kerak. Asosan, bu saytning tuzilishi (CSS fayllari ko'rinishidagi qo'shimcha modellar va sayt yaratuvchisi papkasida qolgan boshqa qo'shimchalarsiz). Ushbu tuzilma "nusxa ko'chirish-joylashtirish" orqali o'z sahifangizni yaratish uchun mos emas, lekin u Google Chrome brauzeridagi sayt shunday tashqi dizaynga ega bo'lishini ta'minlash uchun dasturchi aynan nima qilganini va qanday ketma-ketlikda ko'rish imkonini beradi.
"Kodni ko'rish" sahifada ta'sirlangan barcha joylarni ta'kidlab, batafsil tuzilmani ko'rsatadi. Agar ma'lum bir ro'yxat kodi ustiga kursorni olib kelsangiz, u tegishli saytdagi elementni ajratib ko'rsatadi.
Sahifa kodini ko'rish uni tahrirlash imkoniyatisiz alohida brauzerda ochiladi. Ya'ni, u faqat sayt kodini nusxalash va o'qish uchun javob beradi. Ammo bu foydali funktsiyadan kam emas.
"Kodni ko'rish" o'zgarishi mumkin va siz istalgan elementni o'zingiz uchun qulay tarzda tahrirlashingiz mumkin. Albatta, bu o'zgarishlarning barchasi sahifa yangilanmaguncha "jonli" bo'ladi, lekin ba'zida bu sozlamalarni ko'rib chiqish va u yoki bu qiymat nima uchun kerakligini tushunish qiziqarli va agar siz uni o'zgartirsangiz nima bo'ladi. Bunday harakatlar bilan siz o'zingizga yoki saytga zarar etkazasiz deb o'ylamasligingiz kerak - bu o'zgarishlar faqat Google Chrome kodiga ta'sir qiladi va Internetga kirmaydi.

Biz element kodini qanday ko'rish kerakligi haqidagi savolni ko'rib chiqamiz

Agar biz bunday savolga javob beradigan bo'lsak, unda o'zini taklif qiladigan yagona variant - bu misol. Chunki bitta maqolada bu mavzuni tushunadigan odam (veb-ishlab chiqaruvchi) bo'lish juda qiyin, ammo savolni hal qilish uchun misol bilan ko'rsatish ancha oson.

Element kodining funksionalligi juda keng, shuning uchun biz Google Chrome brauzeri veb-saytidagi so'zlardan birini olamiz. Biz saytimiz uchun qanday kalit so'zlar (kodda "kalit so'zlar" sifatida yoziladi) ishlatilganligini ko'rib chiqmoqchi edik. Buning uchun biz quyidagi algoritmni bajaramiz:

Google Chrome brauzerida ushbu xususiyatdan foydalanishning boshqa usullari

Umuman olganda, elementning kodiga qanday qarash kerakligi va nima uchun kerakligi haqidagi savolga javob berishni davom ettirib, uning funktsiyalarini sanab o'tish kerak. Ya'ni, Google Chrome brauzerida istalgan sayt elementining kodini ko'rish imkoniyati tufayli biz:

Saytning boshdan (“sayt sarlavhasi”) boshlanib, oxirigacha (har qanday dasturning yakuniy buyrug'i) tuzilishini ko'ring;
Saytning barcha funktsiyalarini ko'ring, xususan: boshqa saytlarga havolalar, tashqi saytlardan qo'shimcha modullar va turli ma'lumotlarni to'plash uchun o'rnatilgan hisoblagichlarning mavjudligi;
Saytdan nusxa ko'chirish taqiqlangan yoki yo'qligini aniqlang;
Kod saytning boshqa sahifalariga barcha havolalarni, shuningdek, ularni bosgandan keyin ularning dizayni va keyingi harakatlarini yozib oladi.

Bu hech qanday cheklangan ro'yxat emas. Ammo shuni esda tutish kerakki, maxsus bilimsiz Google Chrome sahifasining kodini "o'qish" deyarli mumkin emas va olingan ma'lumotlar oddiy foydalanuvchiga deyarli kerak emas.

"Element kodini ko'rish" bandi ishlamaydi

Darhol aytish kerakki, har bir sayt element kodlariga ochiq kirish huquqiga ega bo'ladi. Ya'ni, hatto eng mashhur va qimmat saytlar ham o'z kodlarini ko'rish uchun ochiq bo'ladi. Shuning uchun, agar Google Chrome brauzeridagi element faol bo'lmasa yoki xatolik yuzaga kelsa, uning quyidagi sabablari bo'lishi mumkin:

Foydalanuvchi profili buzilgan;
Kompyuterda zararli dasturlarning mavjudligi;
Ishlashni oshirish uchun ma'lum bir kengaytma bilan blokirovka qilish (hatto bu sodir bo'lishi mumkin).

Buzilgan foydalanuvchi profilini tuzatish

Yangi profil yaratish uchun siz eskisini kompyuteringizdan o'chirishingiz kerak. Buning uchun biz quyidagilarni bajaramiz:

Google Chrome-ni yoping va o'rnatilgan Windows Explorer brauzerini ishga tushiring.
Manzil satriga quyidagi buyruqni kiriting: %LOCALAPPDATA%\Google\Chrome\User Data\.
Katalog ochilganda, "Standart" jildini toping va uning nomiga "Zaxiralash" ni qo'shing, shunda u quyidagicha ko'rinadi: "Zaxiralash standarti".
Endi, Chrome brauzerini qayta ishga tushirgandan so'ng, yangi profil yaratiladi.

Biz zararli dasturlarni yoki uning qoldiqlarini olib tashlaymiz

Agar yangi profil bizga sahifa elementi kodiga kirishga ruxsat bermasa va biz hali ham xatoni ko'rsak, biz quyidagilarni qilishimiz kerak:

Windows buyruq qatorini ("Ishga tushirish") oching va u erda "cmd" buyrug'ini kiriting.
Qatorga quyidagi buyruqni kiriting: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
Amalni tasdiqlaganingizdan so'ng, quyidagilarni kiriting: RD /S /Q “%WinDir%\System32\GroupPolicy”.
Endi "gpupdate /force" (tirnoqsiz).

Agar hamma narsa to'g'ri bajarilgan bo'lsa, kompyuterni qayta ishga tushirgandan so'ng Google Chrome elementlarning kodini ochadi va brauzer normal ishlaydi.

O'qish foydali bo'lishi mumkin: