Qanday qilib sahifaning manba kodini va element kodini ko'rish mumkin. Nusxalash taqiqlangan bo'lsa ham, brauzerdagi sahifalar kodini qanday tezda ochish kerak

Har bir Internet foydalanuvchilari uzoq vaqt sarflagan eng sevimli saytlarga ega. Va faqat dangasa uning qanday yaratilganligini va nimadan iboratligini ko'rish haqida o'ylamagan. Ushbu savollarning barchasiga javob bermaydi, chunki sayt yaratishning ko'plab usullari mavjud, ammo u ushbu jamoalar va kodlarni ko'rish uchun - hamma uchun ochiq va mumkin.

Yana bir savol - bu odam kodni tashkil etadigan biron bir belgilarning biror narsalarini dasturlash bilan shug'ullanmaydimi yoki yo'qmi. Ammo har qanday foydalanuvchidan pastroq bo'lgan misollardan Gugl xrom. Saytlarning individual elementlarini tomosha qilishi mumkin.

Google-dan brauzerdagi HTML sahifalar kodini qanday ko'rish mumkin

Chrome-da sahifa kodi siz qiziqtirgan saytga o'tishi va quyidagi harakatlarni bajarishingiz kerakligini ko'rishingiz mumkin:

Ushbu buyumlarning ikkitasi o'zlari bilan foydalanuvchilar, dasturchilar, dasturchilar yoki xaker haqidagi ma'lumotlari bilan ajralib turadi.

Sahifa kodi va faqat "View Cod" buyrug'i o'rtasidagi farq nima

Ushbu funktsiyalarning har birini ko'rish alohida element yozilishi mumkin. Dasturchilar uchun bu farq juda muhim va ular "ko'rish kodi" va qaysi "sahifa ko'rinishi" dan foydalanish kerakligini tushunishadi google brauzer Chrome.

Ammo muntazam foydalanuvchini tushuntirish Siz ushbu funktsiyalarni quyidagi maqsadlarda bo'lishingiz mumkin:

"Sahifa kodiga qarang" faqat sahifaning asosiy kombinatsiyasini ko'rish kerak. Asosan, bu Saytning tuzilishi (CSS fayllari shaklida qo'shimcha modellarsiz va Saytda qolgan boshqa qo'shimchalarsiz). Ushbu tuzilma Yaratishga yaroqsiz o'z sahifasi "Nusxalash - qo'shish", lekin bu dasturchi nima qilishini va qaysi ketma-ketlikda qanday ketma-ketlikda bunday ketma-ketlikda bunday ketma-ketlikda bunday tashqi dizayni borligini bilib olamiz.
"View Code" sahifada ta'sir ko'rsatadigan barcha sohalarni ajratib turadigan batafsil tuzilmani ko'rsatadi. Agar siz ma'lum bir ro'yxat kodiga olib kelsangiz - u tegishli bo'lgan joyni o'z ichiga oladi.
Sahifa kodini ko'rish, uni tahrirlash qobiliyatisiz alohida brauzerda ochiladi. Ya'ni, faqat sayt kodini nusxalash va o'qish uchun mos keladi. Ammo bu unchalik foydali xususiyat emas.
"Ko'rish kodi" ni o'zgartirish va siz har qanday elementni tahrirlashingiz mumkin, chunki u siz uchun qulay bo'ladi. Albatta, bu barcha o'zgarishlar sahifa yangilanmaguncha "yashaydi", ammo ba'zida sozlamalarga ko'tarilish juda qiziqarli va shunchaki u nima uchun kerakligini tushunish va nima sodir bo'ladi. Siz o'zingiz yoki saytga zarar etkazgan harakatlaringiz deb o'ylamaslik kerak - bu o'zgarishlar faqatgina Google Chrome kodida va Internetga kirmaydi.

Elementning kodini qanday ko'rish haqidagi savolni ko'rib chiqing

Agar siz haqiqatan ham bunday savolga javob bersangiz, shundan faqat bir-biriga o'xshash variant. Ushbu mavzuni tushunadigan shaxs bo'lish uchun bitta maqola uchun (veb-ishlab chiqaruvchi) juda qiyin, ammo juda oson bo'lish uchun misolni ko'rsatish - juda osonlashish.

Element kodining funktsional imkoniyatlari juda keng, shuning uchun biz Google Chrome brauzeridagi so'zlardan birini olamiz. Biz o'z saytimiz uchun ishlatiladigan qaysi kalit so'zlarni ko'rib chiqishni istardik (Kod kalit so'zlar)) bizning saytimiz uchun ishlatilgan. Buning uchun quyidagi algoritmni bajaring:

Ushbu funktsiyani Google Chrome brauzerida ishlatishning boshqa usullari

Umuman olganda, qanday qilib buyumning kodini qanday ko'rish va nima uchun kerakligi haqidagi savolga javob berishda davom etmoqda, uni o'z funktsiyalariga o'tkazilishi kerak. Google Chrome brauzeridagi har qanday saytning elementi kodini ko'rish imkoniyati tufayli biz:

Saytning boshidan boshlab ("sayt qalpog'i") va tugash tugashi (har qanday dasturning tugal buyrug'i);
Saytning barcha funktsiyalarini ko'rish: Boshqa saytlarga havolalar, tashqi saytlardagi qo'shimcha modullar va turli xil ma'lumotlarni to'plash uchun o'rnatilgan metrlar mavjudligi;
Saytdan nusxa ko'chirish taqiqlanganligini yoki yo'qligini bilib oling;
Kodeksda barcha sayt sahifalari yozib olinadi, shuningdek ularni bosgandan keyin ularning dizayni va keyingi harakatlar.

Bu chekitma ro'yxat emas. Ammo shuni eslatib o'tish kerakki, maxsus bilimlarsiz - "O'qish" kodi google sahifalari Chrome deyarli imkonsiz va natijada ko'rsatilgan ma'lumotlar odatdagi foydalanuvchi tomonidan talab qilinmaydi.

"Element kodini ko'rish" element ishlamaydi

Darhol aytilishi kerak - har bir sayt bilan bo'ladi ochiq kirish Elementlar kodlariga. Ya'ni, hatto eng mashhur va qimmatbaho saytlar o'z kodini ko'rish uchun ochiq bo'ladi. Shuning uchun, agar Google Chrome brauzeridagi element faol bo'lmasa yoki berilgan xato quyidagi sabablarga ega bo'lsa:

Foydalanuvchining profili shikastlangan;
Kompyuterda zararli dastur mavjudligi;
Hosildorlikni oshirish uchun ma'lum bir kengaytma bilan blokirovka qilish (hatto bo'lishi mumkin).

Buzilgan foydalanuvchi profilini to'g'rilang

Yaratmoq yangi profilEskini kompyuteringizdan olib tashlashingiz kerak. Buning uchun quyidagilarni bajaring:

Google Chrome-ni yoping va o'rnatilgan brauzer Windows Explorer.
Biz manzillar paneliga quyidagi buyruqni kiritamiz:% CusapdatAta% \\ Google \\ Chrome \\ foydalanuvchi ma'lumotlari \\.
Katalog ochilganda, biz "Odatiy" papkasini qidirmoqdamiz va quyidagicha "zaxira rioya qilish" degan ma'noni anglatadi.
Endi brauzer Chrome yangi ishga tushirilgandan so'ng, yangi profil yaratiladi.

Zararli dasturni yoki uning qoldiqlarini olib tashlang

Agar yangi profil sahifaning sahifasiga kira olmagan bo'lsa va biz hali ham xatolikni ko'ramiz, quyidagi amallarni ko'ramiz:

Ochiq buyruq windows satr ("Yugurish") va u erda "CMD" buyrug'ini kiriting.
Senga quyidagi buyruqni kiriting: Rd / S / Q "% Windr deb% \\ System32 \\ Grompolirusers".
Harakatni tasdiqlaganingizdan so'ng, buni boshqaring: Rd / S / Q "% Windr deb% \\ System32 \\ Jinnchir".
Endi "GPUPDATE / CROC" (kovaklarsiz).

Agar hamma narsa to'g'ri bajarilgan bo'lsa, uni qayta ishga tushirishdan keyin google kompyuteri Chrome elementlarning kodini ochadi va brauzerning ish qobiliyati odatda normal bo'ladi.

Internetdagi son-sanoqsiz saytlar orasidan ko'rinib turibdiki, biz juda yoqadigan narsani topishingiz mumkin. Darhol bir qator savol tug'iladi. O'z-o'zidan yozma kodi yoki har qanday CMS yordamida amalga oshiriladimi? Uning CSS uslublari nima? Uning meta teglari nima? Va boshqalar.

Sayt sahifa kodi haqida ma'lumot olishingiz mumkin bo'lgan ko'plab vositalar mavjud. Ammo qo'lda har doim to'g'ri sichqonchaning o'ng tugmachasiga egamiz. Men o'z saytim misolida men undan foydalanaman.

Sahifa kodini qanday ko'rish mumkin?

Ko'rish uchun manba kodi Sayt sahifalari, siz veb-sahifaning har qanday hududida sichqoncha kursorini (rasmlar va havolalar bundan mustasno) ishlatishingiz kerak. Shundan so'ng sichqonchaning o'ng tugmachasini bosing. Biz bir nechta variantlar bilan deraza ochamiz (ichkarida) turli xil brauzerlar Ular biroz farq qilishi mumkin). Masalan, bu Google Chrome brauzerida bu jamoalar:

orqaga;
oldinga;
qayta ishga tushirish;
sifatida saqlash;
chop etish;
rus tiliga tarjima qiling;
sahifa kodini ko'rish;
kodni ko'rish.

Biz bosishimiz kerak sahifa kodini ko'rishVa HTML sayti sahifasi kodi ochildi.

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

Shunday qilib, HTML sahifa kodi - bu chiziqlarning sonli ro'yxatidir, ularning har biri ushbu sayt qanday amalga oshirilganligi to'g'risida ma'lumot beradi. Bu juda ko'p sonli belgilarni tushunishni o'rganish uchun va maxsus belgilarSiz kodning turli bo'limlarini farqlashingiz kerak.

Masalan, bosh yorliqdagi kodlar tarkibida qidiruv tizimlari va veb-ustalar uchun ma'lumotlar mavjud. Ular ko'rsatilmaydi. Bu erda nimani ko'rishingiz mumkin kalit so'zlar Ushbu sahifa unvon va tavsifi sifatida targ'ib qilinadi. Shuningdek, siz saytda ishlatiladigan Google shriftlari haqida ma'lumotga ega bo'lgan havolani topishingiz mumkin.

Agar sayt CMS WordPress yoki Joomla-da amalga oshirilsa, u erda ham ko'rinadi. Masalan, ma'lumot wordPress mavzusi yoki joomla shabloni Sayt. Siz uni ko'k rangda ajratilgan havolalar bilan o'qish orqali ko'rishingiz mumkin. Bitta havolada ko'rinadigan sayt shablonida.

Masalan:

//fonts.gonogleeeeeeeeeeee.com/cssssililly\u003dsource+ (% 2a400% 2c400alitalite% 2c600 va ver \u003d 4.5.3.

Biz CSS-ning shrift uslubini ko'ramiz. Bunday holda shrift ishlatiladi. Buni bu erda ko'rish mumkin - fort-yuz: "Manba Sans Pro".

Ushbu sayt Yoast Seo tekisligidan foydalanib optimallashtiriladi. Bu tasdiqlangan kod kodidan ko'rinadi:

Ushbu sayt Yoast Seo Plagin v3.4.2 - https://yoast.com/worppress/elo/

Tana yorlig'i ichidagi barcha ma'lumotlar monitor ekranidagi brauzer ko'rsatiladi. Bu erda biz HTML sahifa kodini ko'ramiz va pastki qismida Yandex Mindric Scrics kodeksi mavjud. U matn bilan sharhlangan yorliq bilan qoplangan:

/YexEx.metrika hisoblagichi.

Keling, yig'amiz

Saytning asosiy sahifasi joylashgan saytning chiroyli ko'rinishini o'tkazgandan so'ng, ushbu sahifa qaysi vositalar yordamida qilingan deb xulosa qilish mumkin. Biz buni ko'rdik:

CMS WordPress;
Google Shrift manbai Sans Pro;
wordPress-ning mavzusi - Sidney;
yoast plaginlari;
yandex metrik metr.

Endi saytning HTML sayti sahifasini tahlil qilish printsipi juda tushunarli. Brauzerda o'rganilgan sahifani ochish shart emas. CTRL + A, CTRL + C, CTRL + V VV tugmachalari yordamida sahifangiz sahifasini kompyuteringizga saqlashingiz mumkin. Uni har qanday joyda joylashtiring matn muharriri (Notepad ++) va HTML kengayishi bilan tejang. Shunday qilib, siz uni istalgan vaqtda chuqur o'rganishingiz va o'zingiz uchun foydali ma'lumotlarni topishingiz mumkin.

1 ovoz

Xayrli kun, aziz blogimning o'quvchilari. Bu saytda ba'zi go'zal chipda sodir bo'ladi va Yaratuvchi bunday qiziqarli ta'sirga erishgani haqida savol tug'diradi.

Ko'rinib turibdiki, javobni topish juda oddiy. Va agar sizda biron bir ko'nikma bo'lsa, siz juda ko'p chiplarni va qisqa vaqt ichida o'zingizning noyob saytingizni yaratishingiz mumkin.

Bugun biz sahifa kodini, ma'lum bir elementni qanday ochish va ushbu mahoratni o'zingiz uchun ishlatishni o'rganamiz.

Kodeksning asosiy bilimlari

Mening saytim yangi varaqalar uchun mo'ljallangan va birinchi navbatda men ikki so'zda saytlar va kodlarni aytib bermoqchiman.

Rasm chizish uchun uni mayda qismlarga kesib, brauzer barcha elementlarni butunlay butunlay olib kelishini yozing. Hammasi juda qiyin tuyuladimi? Umuman emas va bu haqda qayg'u chekishga arzimaydi.

Sifatli saytlar shu tarzda yaratilgan. Istayman - bu ishni bajarish va o'qish, hech kim sizni majburlashga qodir emas.

Men faqat bitta narsani aytmayman ... Siz tushunarsiz so'zlarni siz bitta butunlay aylantirganingizni ko'rishdan boshqa hech narsa yo'q, Haydash, matnlar harakatlanmoqda, rasmlar harakatlanmoqda. Viktor Frankenshteyn qanday his qilganini bilaman deb o'ylayman.

Yashirin tilni tushuna boshlaganingizda va hamma narsa aslida, siz avvalgidan ancha sodda ekanligiga ko'ra, siz o'zingizning kuchingiz va miyam imkoniyatlariga ishonolmaysiz. Bu juda zo'r.

Saytlar qanday qilib tuzilgan? Ideal holda, avval. U shunchaki rasm chizadi. Masalan, quyidagi rasmda ko'rsatilgandek. Bu shunchaki rasm, fotosurat. Hech qanday ma'lumot berilmaydi, siz hech qanday joyga bormang, hech qanday joyga bormang, qidiruv amalga oshirilmaydi.

Bu raqam uchun. Quyidagi skrinshotga qarang. Siz tasodifan kulgili va juda murakkab to'plamga o'xshaysiz. Aslida, hamma narsa unchalik qiyin emas, ma'lum bir algoritm mavjud.

Faqat 150 ta teglar mavjud va ularning har biri ma'lum bir harakat uchun javobgardir: Link, Yog ', rangni ta'kidlash, rangi, sarlavhasi va boshqalar va boshqalar. Agar vaqtni xohlash va rahm-shafqat bo'lmasa, ular bilan muomala qilish unchalik qiyin emas.

Ushbu atributlarning bilimlari tufayli deyarli har qanday vazifani hal qilishingiz mumkin. Ammo maqsadga erishish yo'llari Har bir ishlab chiqaruvchi o'z-o'zidan topadi.

Tajribali ijodkorlar darhol natijaga erishishni darhol ko'rishadi, boshqalari esa fikr yuritishlari kerak, maqolalarda yoki raqobatchilarning dastlabki kodeksi bilan javobni izlaydilar. Ular shunchaki kerakli qismni uchinchi tomon saytida olib borishadi va o'zlari uchun tahrirlashadi. Bu ish jarayonini sezilarli darajada kamaytiradi.

Bir ozdan keyin men sizga ma'lum bir misolni ko'rsataman.

Kodni ko'rish

Shunday qilib, avvalo birovning HTML-ni o'rganishingiz kerakligini birinchi navbatda qanday harakat qilishni ko'rsataylik. Keyin biz boshqa savollarni ko'rib chiqamiz.

Eng yaxshi yo'l

Men birinchi bo'lib tasvirlaydigan usul yangi varaqlar uchun biroz murakkab, ammo tanishlar sifatida - o'qishga kiradi. Sahifani oching va sichqonchaning o'ng tugmachasini bosing. "Saqlash ...

Veb-saytni to'liq saqlang. Skrinshotni ko'rib turganingizdek, men allaqachon hamma narsani oldindan yuklab oldim. Bu erda bizda ikkita papka bor.

Sizga kerak bo'lgan hamma narsa bor. Har bir element. Agar buni tushunsangiz, kerakli hamma narsani tezda olishingiz mumkin. Ammo bunday vazifa tobora ko'proq mumkin emas. Yuklab olish amalga oshirilmaydi. Agar sahifani nusxalash taqiqlangan bo'lsa nima qilish kerak?

Bu Google Chrome

Ehtimol, menimcha, men tez-tez Google Chrome-dan foydalanaman va ushbu brauzerda boshqa birovning kodini bilish oson emas. Aslida, ikkalangiz ham. Sxema o'xshash narsa emas, ammo bir xil bo'lmaydi. Biz kodini bilmoqchi bo'lgan sahifani ochamiz va sichqoncha tugmachasini bosing. Ko'rsatilgan sahifaning klikida, sahifa kodini bosing.

Yangi oynada yangi kelgan narsani tushunish juda qiyin bo'lgan kod varag'ini ochadi. Ammo, oldidan qo'rqmang.

Agar siz faqat bitta element kodini bilishingiz kerak bo'lsa, uni sichqonchaning va o'ng tugmachasini olish kifoya. Boshqa Chrom funktsiyasini tanlang: "Kod kodini ko'ring".

Masalan, rasm yoki dasturlash tilidan foydalanganda logotip qanday amalga oshirilganligini menga qiziqtirishi mumkinmi? Axir, siz qachon kvadratni chizishingiz mumkin cSS yordami. Ko'pgina mutaxassislar Kod bilan ro'yxatdan o'tish uchun iloji boricha ko'proq ma'lumot berishadi. Qanday qilib mashhur saytlarda ishlaysiz?

Shunday qilib paydo bo'ldi kerakli ma'lumotlar. Yuqoridagi HTML-dan CSS-ning pastki qismida. Bular ikki til. Birinchisi, matn tarkibiy qismi va dizayn uchun ikkinchisi uchun javobgardir. Agar CSS bo'lmasa, har safar shriftning o'lchamini tartibga solishingiz kerak edi. Har bir sahifaga, bu juda uzoq. Ammo agar HTML bo'lmasa, bizda matnlar bo'lmaydi. - deb tushuntirdi, lekin umuman olganda, hamma narsa shunday.

Aytgancha, agar siz bu erda qanday tashkil etilganiga qiziqsangiz, rasmning pastki qismiga qarashingiz mumkin. Shunday qilib, javob berasiz.

Mozilla Firefox.

Agar siz Mazilda ishlashni yaxshi ko'rsangiz, hamma narsa ham bo'ladi. Sahifani oching va sichqonchaning o'ng tugmachasini bosing. Agar siz barcha barcha kodni ko'rishni istasangiz "sahifa manbai kodi".

Har qanday elementni ochganingizda, uning kodini ochish mumkin.

Bu erda ma'lumotlar ekranning pastki qismida ko'rsatiladi, aks holda hamma narsa ham.

Yandex brauzeri

Yandex brauzerida hamma narsa avvalgi ikkita versiyada bo'lgani kabi, sahifani oching, sichqonchaning o'ng tugmachasini oching Sahifa kodini ko'ring.

Agar biz uning kodini bilmoqchi bo'lsak, kursorni mahsulotga olib kelamiz.

Bu bu erda aniq xromda ko'rsatilgan.

Opera

Xo'sh, nihoyat, opera.

Aytgancha, ehtimol sichqonchani ishlatish kerak emasligini payqadingiz. Kodni ochish uchun tezkor kalit kombinatsiyasi va barcha brauzerlar uchun bir xil: Ctrl + U..

Mahsulotlar uchun: CTRL + Shift + C.

Natijada shunday ko'rinadi.

Bu yangi boshlanuvchilar qiziqtiradi

Va endi hamma narsa qanday ishlashini ko'ring. Sizga saytni toping va sizga haqiqatan ham qandaydir narsa yoqadi. Masalan, bu. Siz allaqachon bilgan narsaning kodini qanday ochish kerak.

Endi uni nusxalash.

Men ushbu kodni yangi HTML fayliga, tana yorlig'iga (ingliz tilida) joylashtiring.

Endi brauzerga nima bo'lishini ko'rib chiqamiz.

Tayyor. Matnni qirralar bo'ylab ajratish va yashil rangga ega bo'lish uchun siz ushbu hujjat CSS-ga ulanishingiz va uni bo'yi qilgan saytdan boshqa kodni nusxalashingiz kerak.

Endi men buni qilmayman. Ko'proq vaqt kerak: va meniki va sizniki. Menimcha, men barcha tafsilotlar kelgusi nashrlarida tasvirlayman. Avtorotmentga obuna bo'ling va avval maqolaning paydo bo'lishi haqida ma'lumot oling.

Agar sizda bardosh berishga kuchingiz bo'lmasa va HTML va CSS haqida ko'proq ma'lumot olishni istasangiz, men hozirda bepul o'quv kurslarini maslahat berishim mumkin.

Mana 33 dars - HTML-ni boshqarish uchun sizga ruxsat beradi - « Erkin kurs HTML orqali .

Va bu erda CSS haqida to'liq ma'lumot - "Bepul CSS kursi (45 video darsliklar!)" .

Endi siz biroz ko'proq bilasiz. Sizga qilgan harakatlaringizda muvaffaqiyatlar tilayman. Yangi uchrashuvlarga!

Siz Internetda qo'yilgan saytning fayllari va kodlariga ta'sir qilmasdan, saytdagi barcha o'zgarishlarni tezda ko'rishingiz kerak. Masalan, ovqatlanish elementini siljitish uchun har qanday blokning rangli gamutini o'zgartiring.

Buning uchun ko'p veb-saytlar ko'p foydalanishadi mahalliy serverlar Denwer yoki Opensererer, saytingizning to'liq nusxasini kompyuteringizda amalga oshiring. Ushbu usul universal va professionallar uchun mos keladigan mutaxassislar uchun mos keladi, bu esa siz ishni tekshirishingiz mumkin. turli xil yozuvlar Plaginlar ham, barcha fayllarni loyihalashtirish va tahrirlash bilan tajriba o'tkazish va sinovdan so'ng, sinovdan so'ng tegishli o'zgarishlar to'g'ridan-to'g'ri saytga tegishli o'zgarishlar.

Webmasterdan uzoqda foydalanuvchilar men ushbu maqsadlar uchun brauzerdan foydalanishni maslahat beraman. Men shromdan foydalanayotganim sababli, men ushbu brauzer uchun ekran rasmlari bilan ko'rsatma beraman. Ushbu o'xshashlik bilan siz Opera, Yandex.bauzer bilan ishlashingiz mumkin, Mozilla Firefox. va boshqa brauzerlar, ularning vositalari printsipi o'xshash.

1-ko'rsatma 1: Brauzerda HTML sayt kodini qanday ko'rish mumkin

Saytingizning kerakli veb-sahifasini oching. Sichqoncha tugmachasi bilan kerakli elementdagi o'ng tugmasi bilan kontekstual brauzer o'chirilgan menyu mavjud buyruqlar bilan ko'rinadi:

1-rasm. HTML veb-sahifasini ko'rish brauzer Chrome.

Muhim: Ochiladigan menyunadagi buyruqlar, masalan, faol elementlar uchun (linklar, videolar, video) va nofaol (matn, fon, diva) uchun farq qilishi mumkin:

Rasm 2. Chrome brauzeri tushadigan menyu

Shuning uchun, agar kerakli buyruqni topmasangiz, boshqa joyda sichqonchaning o'ng tugmachasini bosing yoki brauzer tugmachalarini ishlating.

1-rasmga qaytaylik, bu manba veb-sahifasining butun HTML kodini ko'rish uchun kerakli buyruqni ko'rsatadi, deyiladi " Sahifa kodini ko'rish". Jamoa ochish uchun bosing yangi qidiruv Asl veb-sahifaning to'liq kodini, hamma uchun katta plyus - ko'rish sintaksisni ta'kidlash mumkin:

3-rasm. Ushbu sayt kodeksi parchasi

Ushbu vosita kerakli elementlarni topish va tahrirlash uchun juda foydali.

Barcha HTML veb-sahifa kodini ko'rishning muqobil usullari

Ko'proq uchun tez kirishUshbu vositani chaqirishning boshqa usullaridan foydalanishingiz mumkin.

1-rasmda biz ushbu buyruq klaviatura yorlig'ida mavjudligini ham bilib olamiz. + ;

Manzillar paneliga Ko'rish manbai brauzerini joylashtiring: mening domenim o'rniga sayt manzilingizni kiriting;

Ikkala usul ham universaldir va barcha brauzerlarda ishlashi kerak.

Birinchisi, bu zarur vositasi emas, balki butun HTML sayt kodini ko'rish zarur narsalar kodeksini qidirish uchun juda yaxshi, u aloqa, teglar, meta-teglar va boshqa elementlar bo'lishi mumkin.

Issiq kalitlarning kombinatsiyasi + Chrome brauzerida qidiruv oynasini oching, u o'ng tomonda ko'rinadi:

3-rasm. Kodeksni qidirish sayti

Siz forma shaklini qidirishga so'ralganingizdan so'ng, ekran birinchi topilgan elementga o'tadi, ular oralig'ida harakatlanishingiz mumkin va keraklilarni tanlang:

4. Qidiruv HTML CASA Sayt.

2-ko'rsatma: Qanday qilib HTML va CSS sayt kodini Google Chrome brauzerida qanday ko'rish va tahrirlash

Endi sameya muhim qismQaysi qismida HTML va CSS sayt kodini brauzerda tahrirlashingiz mumkin. Shundan so'ng brauzerga o'zgarishlar.

Mana, siz brauzeringizda har doim mavjud bo'lgan foydali vositada, boshqa buyruqlar bilan saytni tahrirlashni osonlashtiradigan tajribasiz.

Mahorat manba kodini o'zgartiring - Ilg'or Internet foydalanuvchisi uchun foydali mahorat. HTML kodlarini ishlatish, siz ochiq veb-sahifani xohlaganingizcha o'zgartirishingiz mumkin. Ushbu maqolada biz aytamiz sahifa kodini qanday o'zgartirish kerak Google Chrome-da. Biroq, boshqa brauzerlarda hamma narsa xuddi shu tarzda amalga oshiriladi, shuning uchun qiyinchiliklar bo'lmasligi kerak.

HTML sahifa kodi nima?

Siz brauzerda ochgan har bir sahifada HTML belgisi tilida o'z kodi bor. Ushbu kod teglar va matn. Teglar - bu brauzerni ko'rsatadigan o'ziga xos yorliqlar, saytning bir yoki boshqa qismini qanday namoyish etish kerakligini ko'rsatadi. Matn sahifaning to'ldirilishi, u foydalanuvchi nimani ko'radi. Shuningdek, sahifaga CSS uslublariga ulangan bo'lishi mumkin tashqi ko'rinish Sahifa elementlari. Ga saytning dastlabki kodini o'zgartiring Siz HTML va CSS-ni yaxshilab bilishingiz shart emas va tez orada sizga ishonch hosil qilasiz.

Nega veb-sahifani o'zgartirish kerak?

Siz saytdagi ma'lumotlarni almashtirishingiz, xabar matnini o'zgartira olasiz, soxta skrinshot qiling. Shuni esda tutingki, barcha o'zgarishlar faqat sizga ko'rinadi va sahifani qayta yoqilganda ular yo'qoladi. Shuningdek, o'zgartirilgan ma'lumotlar haqiqiy bo'lmaydi. Masalan, agar menda 10 dollar bo'lsa, men 100 ga o'zgaraman, keyin endi pul bo'lmayman. Bu faqat brauzer sahifa displeyidir. Misol:

Keyin:

Masalan, men bir xil saytni olaman va avvalgi "" "" "Men ochaman asosiy sahifa Google Chrome-da. Men o'zimni o'zgartirmoqchi bo'lgan elementga PCM-ni bosing, masalan, e'lon sarlavhasi va "View Code" ni tanlashni xohlayman.

Op beradigan derazada elementlarga o'ting va HTML sahifa kodini ko'ring. Bizga qiziqish matnini topish kerak. (Qizil qizil)

Endi men eski matnni o'chiraman va yangi qiling.

Bularning barchasi, e'lon nomi o'zgartirildi. Endi men e'lonni o'zi, teglar va bo'limni o'zgartiraman.

Siz boshqa rasmni o'zgartirish orqali joylashtirishingiz mumkin sRC atributi IMG yorlig'ida.