İsti düymələr üçün səhifə koduna baxın. Html kodu harada gizlənir? Hazır açıqca xidmətləri

1 səs

Yaxşı gün, əziz oxucular mənim blogum. Bəzən saytda bir şey tapırsınız gözəl çip və sual yaradanın belə maraqlı effektə necə nail olması ilə bağlı əzab verməyə başlayır.

Məlum olub ki, cavab kifayət qədər sadədir. Əgər bəzi bacarıqlarınız varsa, bu xüsusiyyətlərin çoxunu toplayıb qısa müddətdə öz unikal veb saytınızı yarada bilərsiniz.

Bu gün bir səhifənin kodunu, müəyyən bir elementi necə açmaq barədə danışacağıq və bu bacarıqdan sizin xeyrinizə istifadə etməyi öyrənəcəyik.

Kod haqqında əsas biliklər

Saytım yeni başlayanlar üçün nəzərdə tutulub və əvvəlcə saytlar və ümumiyyətlə kodlar haqqında qısaca danışmaq istərdim.

Şəkil çəkmək, sonra onu kiçik hissələrə kəsmək üçün kod yazın ki, brauzer bütün elementləri yenidən bir bütövlükdə birləşdirsin. Hər şey çox mürəkkəb görünür? Heç də yox və buna görə kədərlənməyin mənası yoxdur.

Yüksək keyfiyyətli veb-saytlar belə yaradılır. İstəyirsənsə, bu işə qarış və bunu öyrənmək istəmirsənsə, səni heç kim məcbur edə bilməz.

Yalnız bir şeyi deyəcəyəm... yazdığınız anlaşılmaz sözlərin necə vahid bir bütövə çevrilib canlandığını görməkdən daha xoş bir şey yoxdur: linklər işləyir, düymələr hərəkət edir, şəkillər hərəkət edir, mətn sürünür. Düşünürəm ki, mən Viktor Frankenşteynin necə hiss etdiyini bilirəm.

Gizli dili dərk etməyə başlayanda və hər şeyin əslində ilkin göründüyündən daha sadə olduğunu görəndə, inanmaya bilməzsən. öz gücü və beyin imkanları. Bu, çox gözəldir.

Veb saytlar necə hazırlanır? İdeal olaraq, birinci. O, sadəcə şəkil çəkir. Məsələn, aşağıdakı şəkildə göstərildiyi kimi. Hələlik bu sadəcə bir görüntüdür, fotoşəkildir. Heç bir keçid işləmir, kliklədiyiniz zaman heç yerə getmirsiniz, heç bir axtarış aparılmır.

Bu rəsmə görə. Aşağıdakı ekran görüntüsünə baxın. Bunun gülünc və çox mürəkkəb simvollar dəsti olduğunu düşünə bilərsiniz. Əslində hər şey o qədər də mürəkkəb deyil, müəyyən bir alqoritm var.

Cəmi 150-yə yaxın teq var və onların hər biri müəyyən bir hərəkətə cavabdehdir: keçid, defis, qalın, rəng, başlıq və s. Əgər arzunuz varsa və vaxta fikir vermirsinizsə, onları başa düşmək o qədər də çətin deyil.

Bu atributları bilmək sayəsində demək olar ki, hər hansı bir problemi həll edə bilərsiniz. Ancaq hər bir tərtibatçı məqsədə çatmaq üçün öz yollarını tapır.

Təcrübəli yaradıcılar dərhal nəticələrə necə nail olmağı görürlər, digərləri isə düşünməli, cavabı məqalələrdə və ya rəqiblərin mənbə kodunda axtarmalıdır. Onlar sadəcə olaraq üçüncü tərəfin saytından lazımi hissəni götürüb özləri üçün redaktə edirlər. Bu, iş prosesini əhəmiyyətli dərəcədə qısaldır.

Bir az sonra sizə konkret bir nümunə göstərəcəyəm.

Koda baxın

Beləliklə, icazə verin, əvvəlcə başqasının html-sini tapmaq lazımdırsa, necə hərəkət edəcəyinizi sizə göstərim. Sonra bütün digər suallara daha ətraflı baxacağıq.

Ən yaxşı yol

Əvvəlcə təsvir edəcəyim üsul yeni başlayanlar üçün bir az mürəkkəbdir, amma giriş olaraq oxuyun. Səhifəni açın və sağ siçan düyməsini basın. "Fərqli saxla..." seçin

Bütün veb səhifəni yadda saxlayın. Ekran görüntüsündə gördüyünüz kimi, mən artıq hər şeyi əvvəlcədən yükləmişəm. Burada iki qovluq var.

Lazım olan hər şey buradadır. Hər bir element. Bunu başa düşsəniz, lazım olan hər şeyi tez bir zamanda əldə edə bilərsiniz. Ancaq belə bir vəzifə getdikcə qeyri-mümkün olur. Yükləmə yoxdur. Səhifənin surətini çıxarmaq qadağandırsa nə etməli?

Bu Google Chrome-dur

Artıq qeyd etdiyiniz kimi, mən ən çox istifadə edirəm Google Chrome və bu brauzerdə başqasının kodunu öyrənmək armudu atəşə tutmaq qədər asandır. Prinsipcə hər hansı digər kimi. Sxem yalnız oxşar deyil, eyni olacaq. Kodunu bilmək istədiyimiz səhifəni açın və istənilən yerə sağ klikləyin. Görünən pəncərədə "Səhifə koduna bax" düyməsini basın.

Yeni bir pəncərədə kod vərəqi açılacaq, bu, başlanğıc üçün başa düşülməsi olduqca çətindir. Ancaq vaxtından əvvəl narahat olmayın.

Yalnız bir elementin kodunu bilmək lazımdırsa, sadəcə siçan ilə onun üzərinə sürün və sağ klikləyin. Başqa bir Chrome funksiyası seçin: "Element koduna baxın".

Məsələn, bir şəkil və ya proqramlaşdırma dilindən istifadə edərək loqotipin necə hazırlanması ilə maraqlana bilərəm? Axı, bir kvadrat çəkə bilərsiniz css yardımı. Bir çox mütəxəssis bunu necə etməyi məsləhət görür daha çox məlumat kodla yazın. Məşhur saytlarda necə işləyirlər?

Beləliklə ortaya çıxdı zəruri məlumatlar. yuxarıda html, aşağıda css. Bunlar iki dildir. Birincisi mətn komponentinə, ikincisi isə dizayna cavabdehdir. Əgər CSS olmasaydı, hər dəfə rəng və şrift ölçüsünü təyin etməli olacaqsınız. Hər səhifə üçün bu çox uzundur. Ancaq html olmasaydı, mətnlərimiz olmazdı. Kobud şəkildə izah etdim, amma ümumiyyətlə, belədir.

Yeri gəlmişkən, burada necə işlədiyi ilə maraqlanırsınızsa, aşağıdakı şəkilə keçidə baxa bilərsiniz. Cavabınız budur.

Mozilla Firefox

Mastikada işləməyi sevirsinizsə, onda hər şey tam olaraq eyni olacaq. Səhifəni açın və sağ siçan düyməsini basın. " Mənbə bütün kodu görmək istəyirsinizsə, səhifələr".

Elementin üzərinə siçanı gətirdiyiniz zaman onun kodunu aça bilərsiniz.

Burada məlumatlar ekranın aşağı hissəsində göstərilir, lakin əks halda hər şey tam olaraq eynidır.

Yandex brauzeri

Yandex brauzerində hər şey əvvəlki iki variantda olduğu kimi tam eynidır, səhifəni açın, sağ klikləyin, səhifə koduna baxın.

Əgər onun kodunu dəqiq öyrənmək istəyiriksə, kursoru elementin üzərinə aparırıq.

Burada hər şey Chrome-da olduğu kimi göstərilir.

Opera

Və nəhayət, Opera.

Yeri gəlmişkən, siçan istifadə etməyiniz lazım olmadığına fikir vermisiniz. Kodu açmaq üçün var sürətli birləşmə düymələr və bütün brauzerlər üçün eynidir: CTRL+U.

Elementlər üçün: Ctrl+Shift+C.

Nəticə belə görünür.

Bu yeni başlayanlar üçün maraqlı olacaq

İndi hər şeyin necə işlədiyinə baxın. Bir sayt tapırsınız və bəzi elementləri həqiqətən bəyənirsiniz. Məsələn, bu. Element kodunu necə açacağınızı artıq bilirsiniz.

İndi kopyalayın.

Mən istifadə edirəm, bu kodu daxil edin yeni html fayl, bədən etiketində (İngilis dilində bədən).

İndi hamısının brauzerdə necə görünəcəyini görək.

Hazır. Mətnin kənarlara düzülməsi və yaşılımtıl rəng əldə etməsi üçün buna qoşulmalısınız. css sənədi və bunu oğurladığımız saytdan başqa kodu kopyalayın.

İndi bunu etməyəcəyəm. Bu daha çox vaxt tələb edir: həm mənim, həm də sizin. Düşünürəm ki, bütün detalları gələcək nəşrlərimdə təsvir edəcəyəm. Bülletenə abunə olun və məqalənin nə vaxt göründüyünü ilk bilən siz olun.

Əgər buna dözə bilmirsinizsə, lakin indi html və css haqqında daha çox öyrənmək istəyirsinizsə, o zaman ənənəvi olaraq sizə pulsuz təlim kurslarını tövsiyə edə bilərəm.

Budur, html-i mənimsəməyə imkan verəcək 33 dərs - « Pulsuz kurs HTML ilə" .

Və burada tam məlumat css haqqında - “CSS üzrə pulsuz kurs (45 video dərs!)” .

İndi bir az daha çox bilirsiniz. Sizə işlərinizdə uğurlar arzulayıram. Yenidən görüşərik!

Bacarıq səhifənin mənbə kodunu dəyişdirinfaydalı bacarıq qabaqcıl İnternet istifadəçisi üçün. HTML kodunu əvəz etməklə siz dəyişə bilərsiniz veb səhifəni açın istədiyiniz kimi. Bu yazıda sizə xəbər verəcəyik səhifə kodunu necə dəyişmək olar Google Chrome-da. Ancaq digər brauzerlərdə hər şey eyni şəkildə aparılır, buna görə də heç bir çətinlik olmamalıdır.

Səhifənin HTML kodu nədir?

Brauzerinizdə açdığınız hər səhifənin öz dil kodu var HTML işarəsi. Bu kod teqləri və mətni təmsil edir. Teqlər brauzerə saytın bu və ya digər hissəsini necə göstərəcəyini bildirən unikal etiketlərdir. Mətn istifadəçinin gördüyü səhifənin məzmunudur. Həmçinin səhifə qoşula bilər CSS üslubları, hansı set görünüş səhifə elementləri. Kimə saytın mənbə kodunu dəyişdirin HTML və CSS-i hərtərəfli bilməyə ehtiyac yoxdur və tezliklə özünüz görəcəksiniz.

Veb səhifəni niyə dəyişdirin?

Saytdakı məlumatları əvəz edə, mesajın mətnini dəyişdirə və ya saxta skrinşot çəkə bilərsiniz. Nəzərə alın ki, bütün dəyişikliklər yalnız sizə görünəcək və səhifəni yenidən yüklədiyiniz zaman yox olacaq. Həmçinin dəyişdirilmiş məlumatlar real olmayacaq. Məsələn, 10 dollarım yoxdursa və onu 100-ə dəyişsəm, daha pulum olmayacaq. Bu, sadəcə brauzer tərəfindən səhifənin göstərilməsidir. Misal:

Sonra:

Məsələn, mən eyni saytı götürəcəyəm və "" Açılış məqaləsinin əvvəlki elanını dəyişdirəcəyəm ana səhifə Google Chrome-da. Dəyişdirmək istədiyim elementə, məsələn, elanın başlığına sağ klikləyirəm və “Kodu görüntülə” seçin.

Açılan pəncərədə Elementlər sekmesine keçin və səhifənin HTML koduna baxın. Orada bizi maraqlandıran mətni tapmalıyıq. (qırmızı ilə vurğulanmış)

İndi köhnə mətni silib yenisinə yazacam.

Budur, elanın adı dəyişdirilib. İndi elanın özünü, etiketlərini və kateqoriyasını dəyişəcəyəm.

img teqində src atributunu dəyişdirərək başqa bir şəkil əlavə edə bilərsiniz.

Hər bir İnternet istifadəçisinin sərf etdiyi öz sevimli saytları var uzun müddət. Və yalnız tənbəllər onun necə yaradıldığına və nədən ibarət olduğuna baxmağı düşünmürdülər. Bütün bu suallara cavab vermək mümkün deyil, çünki veb-sayt yaratmağın bir çox yolu var, lakin onu təşkil edən əmr və kodlara baxmaq mümkündür və hamı üçün açıqdır.

Başqa bir sual, proqramlaşdırma ilə məşğul olmayan şəxsin kodu təşkil edən simvollardan hər hansı birini başa düşəcəkmi? Ancaq aşağıda veriləcək nümunələrdən hər hansı biri Google istifadəçisi Chrome görə biləcək fərdi elementlər saytlar.

Google brauzerində html səhifəsinin mənbə koduna necə baxmaq olar

Səhifə kodunu Chrome-da görə bilmək üçün maraqlandığınız sayta daxil olub aşağıdakı addımları yerinə yetirməlisiniz:


Bu iki element istifadəçi, proqramçı və ya haker üçün funksionallığı və məlumatı ilə fərqlənir.

Səhifə kodu ilə sadəcə “Koda Bax” əmri arasında fərq nədir?

Bu funksiyaların hər birini təhlil edərək, ayrıca məqalə yaza bilərsiniz. Proqramçılar üçün bu fərq əhəmiyyətlidir və onlar Google Chrome brauzerində hansı hallarda “View Code” və hansı hallarda “View Page Code” istifadə etmək lazım olduğunu başa düşürlər.

Ancaq orta istifadəçi üçün izah edən bu funksiyaları aşağıdakı məqsədlərə bölmək olar:

  1. “Səhifə Koduna Bax” yalnız səhifənin əsas birləşməsini görmək üçün lazımdır. Əsasən, bu saytın quruluşudur (olmadan əlavə modellər kimi CSS faylları və sayt yaradıcısının qovluğunda qalan digər əlavələr). Bu struktur yaratmaq üçün uyğun deyil öz səhifəsi"kopyala-yapışdır" ilə, lakin bu, Google Chrome brauzerindəki saytın belə bir xarici dizayna sahib olması üçün proqramçının dəqiq nə etdiyini və hansı ardıcıllıqla görməyə imkan verəcəkdir.
  2. "Koda Baxış" səhifədə təsirə məruz qalan bütün sahələri vurğulayan ətraflı strukturu göstərir. Müəyyən bir siyahı kodunun üzərinə sürüşdürsəniz, o, aid olduğu saytdakı elementi vurğulayacaqdır.
  3. Səhifə koduna baxmaq onu redaktə etmək imkanı olmadan ayrıca brauzerdə açılır. Yəni yalnız sayt kodunu köçürmək və oxumaq üçün uyğundur. Ancaq bu daha az faydalı funksiya deyil.
  4. “Koda bax” dəyişkəndir və siz istənilən elementi sizin üçün əlverişli olan şəkildə redaktə edə bilərsiniz. Əlbəttə ki, bütün bu dəyişikliklər səhifə yenilənənə qədər "yaşayacaq", lakin bəzən bu parametrlərdən keçmək və sadəcə bu və ya digər dəyərin nə üçün lazım olduğunu və onu dəyişdirsəniz nə olacağını başa düşmək əyləncəlidir. Bu cür hərəkətlərlə özünüzə və ya sayta zərər verəcəyinizi düşünməməlisiniz - bu dəyişikliklər yalnız Google Chrome-un koduna təsir edir və internetə getmir.

Element koduna necə baxmaq barədə sualı nəzərdən keçiririk

Əgər belə bir suala cavab versəydik, onda özünü təklif edən yeganə variant bir nümunədir. Çünki bir məqalədə bu mövzunu başa düşən insan (veb tərtibatçı) olmaq çox çətindir, amma sualın həllini nümunə ilə göstərmək daha asandır.

Element kodunun funksionallığı çox genişdir, buna görə də Google Chrome brauzerinin veb saytındakı sözlərdən birini götürürük. Nə olduğunu düşünmək istədik açar sözlər(kodda “açar sözlər” kimi yazılacaq) saytımız üçün istifadə edilmişdir. Bunu etmək üçün aşağıdakı alqoritmi yerinə yetiririk:

Google Chrome brauzerində bu funksiyadan istifadə etməyin digər yolları

Ümumiyyətlə, bir elementin koduna necə baxmaq və nə üçün lazım olduğu sualına cavab verməyə davam edərək, onun funksiyalarını sadalamalısınız. Məhz, Google Chrome brauzerində istənilən saytın elementinin koduna baxmaq imkanı sayəsində biz:

  • Başdan (“sayt başlığı”) başlayan və sonu (hər hansı bir proqramın son əmri) ilə bitən saytın strukturuna baxın;
  • Saytın bütün funksiyalarına baxın, yəni: digər saytlara keçidlər, xarici saytlardan əlavə modullar və müxtəlif məlumatların toplanması üçün quraşdırılmış sayğacların olması;
  • Saytdan köçürmənin qadağan edilib-edilmədiyini öyrənin;
  • Kod saytın digər səhifələrinə olan bütün keçidləri, eləcə də onların dizaynını və üzərinə kliklədikdən sonra sonrakı hərəkətləri qeyd edəcək.

Bu, qətiyyən sonlu siyahı deyil. Ancaq xatırlamaq lazımdır ki, xüsusi bilik olmadan kodu "oxuya" bilərsiniz Google səhifələri Chrome demək olar ki, mümkün deyil və əldə edilən məlumatlar adi istifadəçi praktiki olaraq lazım deyil.

"Element koduna bax" maddəsi işləmir

Dərhal demək lazımdır ki, hər bir sayt olacaq açıq giriş element kodlarına. Yəni ən populyar və bahalı saytlar belə öz kodlarına baxmaq üçün açıq olacaq. Buna görə də, Google Chrome brauzerindəki element aktiv deyilsə və ya xəta yaradırsa, bunun aşağıdakı mümkün səbəbləri ola bilər:

  • İstifadəçi profili pozulub;
  • Kompüterdə zərərli proqramların olması;
  • Performansı artırmaq üçün müəyyən bir uzantı ilə bloklama (hətta bu baş verə bilər).

Zədələnmiş istifadəçi profilinin düzəldilməsi

Yaratmaq yeni profil, köhnəsini kompüterinizdən silməlisiniz. Bunu etmək üçün aşağıdakıları edirik:

  1. Google Chrome-u bağlayın və quraşdırılmış proqramı işə salın Windows brauzeri Tədqiqatçı.
  2. Daxil edin ünvan çubuğu aşağıdakı əmr: %LOCALAPPDATA%\Google\Chrome\User Data\.
  3. Kataloq açıldıqda, "Defolt" qovluğunu axtarın və adına "Yedəkləmə" əlavə edin ki, belə görünsün: "Defolt ehtiyat nüsxəsi".
  4. İndi Chrome brauzerini yenidən başlatdıqdan sonra yeni profil yaradılacaq.

Zərərli proqramı və ya onun qalıqlarını çıxarırıq

Yeni profil bizə səhifə element koduna giriş imkanı vermirsə və biz hələ də xətanı görürüksə, aşağıdakıları etməliyik:

  1. Açılış komanda xətti Windows ("Çalış") və orada "cmd" əmrini daxil edin.
  2. Sətirə aşağıdakı əmri daxil edin: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
  3. Fəaliyyəti təsdiqlədikdən sonra bunu daxil edin: RD /S /Q “%WinDir%\System32\GroupPolicy”.
  4. İndi "gpupdate /force" (dırnaq işarələri olmadan).

Hər şey düzgün aparılıbsa, yenidən başladıqdan sonra Google kompüter Chrome elementlərin kodunu açacaq və brauzer normal işləyəcək.

Uzun müddət “səhifə mənbəyini göstər” seçimi mənim üçün faydasız və maraqsız idi. sağol HTML öyrənmək Codecademy-də və öz vebsaytlarımın tərtibatı mənim yeni hobbimə çevrilmədi. Burada sual yarandı: real halları haradan tapmaq və borc almaq maraqlı həllər"donuz bankınız" üçün? Cavab gözlənilmədən sadə idi, bütün dahiyanə şeylər kimi: Google Chrome-da səhifənin mənbə koduna baxın! Təvazökar tapıntılarımı sizinlə bölüşürəm.

Səhifənin mənbə kodu nədir

Əgər siz də mənim kimi HTML proqramlaşdırmasında ilk addımlarınızı atırsınızsa, səhifənin mənbə kodunun nə olduğunu öyrənmək yaxşı olardı.

HTML səhifə kodu kimi də tanınan mənbə kodu - Hyper dilində mətn Mətn İşarələmə Dil (HTML). Buraya faktiki səhifə məzmunu (mətn, cədvəllər) və etiketlər daxildir. Sonuncu brauzer üçün təlimat rolunu oynayır: məzmunu necə göstərmək, hansı formatlaşdırma növündən istifadə etmək, hiperlink və ya media faylını hara daxil etmək. Yaxşı, bizim, təcrübəsiz proqramçılar üçün mənbə kodu ən yaxşı məşq meydançasıdır: biz maraqlı sayt tapırıq və ona casusluq edirik, onu saxlayırıq və uğurlu fraqmentlərdən istifadə edirik. Necə?

Google Chrome brauzer səhifəsində mənbə koduna necə baxmaq olar

Bəyəndiyiniz səhifəni tapın. Məsələn, saytın menyusunun dizaynı ilə maraqlandım. Google Chrome brauzerində mənbə kodunu açmağın üç yolu var:

  1. Simge üzərinə klikləyin menyu sağda üst künc brauzeri seçin və " Əlavə alətlər" Digərləri arasında "Mənbə koduna bax" seçimi var. Açığı, nadir hallarda istifadə edirəm bu üsul: çoxlu lazımsız hərəkətlər. Daha da sadələşdirilə bilər.
  2. Düymə birləşməsini basın Ctrl+U– mənbə kodu ilə yeni pəncərə açılır;
  3. Kontekst menyusunun pərəstişkarları üçün: klikləyin sağ basın siçanı səhifənin üzərinə sürün və “Səhifə koduna bax” seçimini seçin.

Brauzerdə səhifənin HTML koduna baxmaq tapşırığının öhdəsindən gəldik. Ən maraqlı mərhələyə keçək.

Mənbə kodunu necə redaktə etmək və saxlamaq olar

Veb saytların necə yaradılacağını öyrənmək üçün başqasının HTML kodunu oxumaq kifayət deyil. Onunla oynamaq, sınaqdan keçirmək, dəyişikliklər etmək və nəticəni yoxlamaq lazımdır. Siz hətta bir neçə uğurlu nümunə tərtib etməklə başlaya bilərsiniz. Mənbə kodunu necə redaktə etmək və saxlamaq olar?

Seçim 1. “Əl ilə”

Səhifənin mənbə kodunu açdıqdan sonra kontekst menyusuna zəng edin və “Fərqli saxla” seçimini seçin və faylı qeyd edin. HDD. Faylı Notepad və ya Notepad-da redaktə edirik, dəyişiklikləri saxlayırıq və brauzer vasitəsilə açırıq. Dəyişikliklərimizin nəticələri (uğurlu və o qədər də uğurlu deyil) brauzer pəncərəsində əks olunacaq.

Seçim 2. Peşəkarlar üçün

Hər gün mənbə kodu ilə "oynadığınız" zaman "saxla - aç - dəyişdir - saxla - yoxla" prosesi yorucu olur. Özüm üçün Google Chrome üçün bir plagin quraşdırmaq şəklində bir həll tapdım - Firebug Lite. O, brauzer pəncərəsindən çıxmadan mənbə kodunu redaktə etməyə və saxlamağa imkan verir.

" Eyni nöqtə də var kontekst menyusu, mətni sağ klikləsəniz səhifələr. Siz həmçinin CTRL + U klaviatura qısa yolundan istifadə edə bilərsiniz. Mozilla Firefox xarici proqramlardan istifadə etmir - orijinal kod səhifələr sintaksis vurğulanması ilə ayrıca brauzer pəncərəsində açılacaqdır.

Brauzerdə internet Explorer Menyuda "Fayl" bölməsinə klikləyin və "Notepadda redaktə et" seçin. Notepad adının yerinə başqa ad yazıla bilər, orijinalı görmək üçün onu brauzer parametrlərində təyin etmisiniz. kod A. Klikdə səhifələr siçan sağ düyməsi ilə kontekst menyusu görünür, bu da mənbəni açmağa imkan verən bir elementə malikdir kod səhifələr in xarici proqram- "HTML-yə bax" kod A".

IN Opera brauzeri menyunu açın, "Səhifə" bölməsinə keçin və "İnkişaf Alətləri" alt bölməsində "Mənbə" maddəsini seçmək imkanınız olacaq. kod"və ya "Orijinal kodçərçivə." Bu seçim isti təyin olunur CTRL düymələri+ U və CTRL + SHIFT + U müvafiq olaraq. Bir kliklə bağlı kontekst menyusunda səhifələr siçanın sağ düyməsini klikləsəniz, "İlkin kod" Opera mənbəyi səhifələr OS-də və ya HTML fayllarını redaktə etmək üçün brauzer parametrlərində təyin edilmiş xarici proqramda.

Google Brauzer Chrome-da heç bir şübhə yoxdur ən yaxşı təşkilat orijinala baxmaq kod A. Siçanın sağ düyməsini sıxmaqla, Baxış seçə bilərsiniz kod A səhifələr"və sonra sintaksisi vurğulayan mənbə kodu ayrıca tabda açılacaq. Və ya eyni menyuda “Görünüş” xəttini seçə bilərsiniz kod element" və eyni tabda HTML və CSS-ni yoxlaya biləcəyiniz iki əlavə çərçivə açılacaqdır kod element səhifələr. Brauzer kursorun xətlər arasında hərəkət etməsinə cavab verəcəkdir kod və HTML-in bu bölməsinə uyğun gələn səhifədə elementləri vurğulamaq kod A.