ev › Televizor › Səhifə kodunda nə tapmaq olar. Kopyalama qadağan olsa belə, brauzerdə səhifə kodunu necə tez açmaq olar

Səhifə kodunda nə tapmaq olar. Kopyalama qadağan olsa belə, brauzerdə səhifə kodunu necə tez açmaq olar

Uzun müddət “səhifə mənbəyini göstər” seçimi mənim üçün faydasız və maraqsız idi. İndiyə qədər Codecademy-də HTML öyrənmək və öz vebsaytlarımı dizayn etmək mənim yeni hobbimə çevrilməyib. Burada sual yarandı: real halları haradan tapmaq və "donuz bankınız" üçün maraqlı həllər götürmək olar? 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 Text Markup Language (HTML) dilində mətndir. 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ı bir 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 menyusunun dizaynı ilə maraqlandım. Google Chrome brauzerində mənbə kodunu açmağın üç yolu var:

Simge üzərinə klikləyin menyu brauzerin yuxarı sağ küncündə və "Daha çox alət" seçin. Digərləri arasında "Mənbə koduna bax" seçimi var. Açığı, mən bu üsuldan çox az istifadə edirəm: çoxlu lazımsız hərəkətlər olur. Daha da sadələşdirilə bilər.
Düymə birləşməsini basın Ctrl+U– mənbə kodu ilə yeni pəncərə açılır;
Kontekst menyusunun pərəstişkarları üçün: səhifəyə sağ vurun və "Səhifə koduna bax" seçimini seçin.

Brauzerdə səhifənin HTML koduna baxmaq vəzifəsinin ö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ə “Farklı Saxla” seçimini seçin və faylı sabit diskinizdə saxlayın. 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.

Təlimatlar

Mozilla FireFox-da menyuda "Görünüş" bölməsini genişləndirin və "Orijinal" düyməsini basın. kod" Eyni element kontekst menyusunda da var, 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.

Internet Explorer-də Fayl menyusuna klikləyin və Notepad-da 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 xarici proqramda - “View HTML- kod A".

Opera brauzerində menyunu açın, "Səhifə" bölməsinə keçin və "İnkişaf Alətləri" alt bölməsində "Mənbə" seçmək imkanınız olacaq. kod"və ya "Orijinal kodçərçivə." Bu seçimlərə müvafiq olaraq CTRL + U və CTRL + SHIFT + U isti düymələri təyin olunur. 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 Chrome brauzeri, şübhəsiz ki, orijinala baxmaq üçün ən yaxşı təşkilata malikdir kod A. Siçanla sağ klikləməklə, 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.

Apple Safari brauzerində View bölməsini genişləndirin və View HTML seçin kod A". Açıq düyməsini sağ kliklədiyiniz zaman görünən menyuda səhifələr, müvafiq element “Mənbəyə bax” adlanır. Bu əməliyyata təyin edilmiş isti düymələr CTRL + ALT + U-dur. Orijinal kod ayrı bir brauzer pəncərəsində.

Mənbələr:

firefox-da təyin edilmiş düymələri necə dəyişdirmək olar

Bir çox insan kompüter oyunlarında öhdəsindən gələ bilmədiyi çətinliklərlə qarşılaşaraq bu və ya digər problemi həll etmək və ya oyunu sadələşdirmək üçün xüsusi kodlardan istifadə edir. Fırıldaqçı kod kompüter oyununa onun işinin gedişatını dəyişdirmək üçün daxil edilə bilən koddur. Belə kodların daxil edilməsi klaviaturada müəyyən mətnin (hərflərdən və ya rəqəmlərdən ibarət) təkrar istehsalı ilə həyata keçirilir. Siz həmçinin xüsusi ayrılmış sahələrə (oyun menyusu və ya konsol) mətn daxil edə bilərsiniz. Oyunun kodunu necə tapa bilərəm?

Sizə lazım olacaq

İnternet

Təlimatlar

Məşhur nümunədən istifadə edərək birinci üsulu nəzərdən keçirək http://chemax.ru. Müəyyən bir oyun üçün kodu tapmaq üçün "Fırıldaq Kodları" sekmesini vurun və sonra "Üçün" seçin. Açılan pəncərədə ya oyunun adını xüsusi birinə daxil edə bilərsiniz (bu, axtarış prosesini asanlaşdıracaq) və ya oyunun adının başladığı ingilis və ya rus hərfinə klikləyə bilərsiniz. Oyun seçdikdən sonra bütün mümkün kodların siyahısını görəcəksiniz.

Fırıldaqçı kod verilənlər bazasını yükləmək üçün vebsayta daxil olmalısınız http://chemax.ru və "CheMax" - "CheMax Rus" sekmesini seçin. Fırıldaqçı kodların bu verilənlər bazası da rus dilindədir və çoxlu sayda oyun təqdim edir. Quraşdırarkən, rus dilini və proqramın yerini seçməlisiniz. Proqramı işə saldıqdan sonra oyunun adını xüsusi bir xəttə daxil etməlisiniz, bunun nəticəsində bütün lazımi fırıldaqçı kodları alacaqsınız.

Mövzu ilə bağlı video

Qeyd

Ən tam kod bazasına sahib olmaq üçün bu proqramı dərhal yeniləməyi unutmayın.

Faydalı məsləhət

Fırıldaqçı kodlardan istifadə etmədən oyunu tamamlamağa çalışın, çünki oyunu vicdanla tamamlamaq sizə daha çox zövq verəcək.

Başlanğıcın necə təyin olunacağına baxaq kod səhifələr, çünki bu parametr İnternetdə işləyərkən çox vacibdir. Hər hansı bir xəbərə, etiketə və ya şəkilə ehtiyacınız varsa, lakin onu necə yazacağınızı bilmirsinizsə, orijinalı tapdıqdan sonra məlumatları hər zaman başqa saytdan köçürə bilərsiniz. kod səhifələrəgər o deyilsə kod sayt tərtibatçıları tərəfindən yaradılmışdır. Orijinal vacibdir kod mənbədən istifadə edərək proqram olmayan səhifələnmiş fayllarda kod və siz səhifələrlə işləyə və onları redaktə edə bilərsiniz.

Sizə lazım olacaq

Səhifənin mənbə koduna baxmaq üçün təlimatlar.

Təlimatlar

Görünmək üçün orijinalı ilə qeyd olunur kod ohm Onu doldurun kodƏgər siz resursun sahibisinizsə və ya bunun üçün xüsusi uzantılardan istifadə edərək notepad, redaktordan istifadə edərək dəyişdirə bilərsiniz. İstifadəçi həmçinin faylı redaktə edərək və özünün faylını əlavə etməklə səhifəni dəyişə bilər. Mənbəyə baxan brauzerlərdə kod və müxtəlif əmrlərdən istifadə etməklə həyata keçirilir, gəlin onlara daha ətraflı baxaq.

Internet Explorer üçün "görünüş" sekmesini, sonra "orijinal" seçin kod səhifələr»və ya elementi sağ siçan düyməsini sıxmaqla seçmək olar. Tərtibatçılar tərəfindən şifrələnməlidir kod burada "xidmət" menyusuna, sonra "geliştirici alətləri"nə gedirik, oxu vurun, istədiyiniz elementi seçin və kod olmaq. Sonra, işarəni vurun və kod mətn formatında və onun komponentlərindən html-ə köçürün.

Mozilla Firefox brauzeri sadə “Ctrl+U” əmrindən istifadə edərək baxmaq imkanı verir və ya “alətlər” menyusunda “mənbəyə baxmaq” alt sətrini seçin. kod" Mozilla Firefox-da şifrələnmiş məlumatlara xüsusi Veb Tərtibatçı quraşdıraraq baxa bilərsiniz, menyudan seçin " kod" sətir "yaradıldı kod" və aşağıda səhifələr orijinalın dəyəri görünür kod A. Faylı mübadilə buferinə köçürün və ya page.htm genişlənməsi ilə yadda saxlayın.

Google Chrome istifadə edərkən əsas "alətlər" menyusunda "mənbəyə baxmaq" alt sətirini seçin kod", sonra "görünüş" elementini açmaq üçün sağ siçan düyməsini istifadə edin kod A səhifələr» və ya "Ctrl + U" düymələrindən istifadə etməklə.

Safari brauzeri üçün menyuda “view html- kod", həmçinin sağ klikləməklə, "mənbəyə baxmaq" alt sətrini açın və ya "Ctrl + Alt + U" klaviatura qısa yolundan istifadə edin.

Qeyd

Mənbə kodu haqqında şifrələnmiş məlumatı görmək imkanı iki brauzerdən istifadə etməklə həyata keçirilir.

Faydalı məsləhət

Əgər sayt tərtibatçısı deyilsinizsə, səhifəni yalnız öz istifadəniz üçün dəyişə bilərsiniz.

Kompüter oyunlarında, real həyatda olduğu kimi, bir az fırıldaq etmək imkanı var. Bu məqsədlə tərtibatçılar öz məhsullarını müxtəlif kodlarla təmin edirlər, onlardan istifadə edərək oyun menyusundan səviyyələri və tapşırıqları asanlıqla tamamlaya bilərsiniz.

Sizə lazım olacaq

CheMax proqram təminatı.

Təlimatlar

Test zamanı bir dəfə tərtibatçılar tərəfindən istifadə edilmiş kodları tapmaq üçün HEX redaktorlarından istifadə edərək oyun məhsulunun bütün exe fayllarını açmaq lazım deyil. Yalnız aşağıdakı http://chemax.ru linkindən istifadə edərək fırıldaqçılar üçün ixtisaslaşmış sayta daxil olmalısınız.

Yüklənmiş səhifədə kursoru menyu çubuğuna, yəni "Fırıldaq kodları" bölməsinə aparın və görünən siyahıda "Dildə" seçin. Növbəti səhifədə axtarış çubuğuna oyunun adını daxil edin, sonra “Axtar” düyməsini basın. Qısayol xüsusiyyətlərindən kopyalana bilən ən tam adı daxil etmək tövsiyə olunur. Bunu etmək üçün masaüstünə gedin və oyun qısa yolunu sağ klikləyin. Kontekst menyusunda "Xüsusiyyətlər" seçin və Ctrl + C və ya Ctrl + Insert klaviatura qısa yolundan istifadə edərək adı kopyalayın.

Axtarış nəticələrindən kod cədvəlini açmaq üçün ən uyğun variantı seçin. Kodlar cədvəlinə əlavə olaraq, səhifənin aşağısına keçsəniz, aktiv keçidləri olan təlimçilərin siyahısını da tapa bilərsiniz. Lazımi kodları yadda saxlamazdan əvvəl onlara tez daxil olmaq üçün yüklənmiş səhifədən məlumatı seçib kopyalamaq, sonra onu yeni mətn sənədinə yapışdırmaq tövsiyə olunur.

Lazımi kodu əldə etmək üçün sayta daim daxil olmaq çox uzun bir işdir, çünki... xüsusi proqramın (CheMax) işə salınması dəfələrlə sürətlidir. Bunu etmək üçün CheMax üst menyusuna gedin və CheMax Rus seçin. Proqramı yükləmə səhifəsində "Quraşdıran" və ya "RAR Arxivi" linkinə klikləyin və icra olunan faylı saxlamaq üçün yeri göstərin.

Proqramı quraşdırdıqdan sonra masaüstünə qısa yol yerləşdiriləcək və proqramı açacaq. Oyun zamanı "Pause" düyməsini basın və açıq pəncərəyə getmək üçün Alt + Tab birləşməsindən istifadə edin. Axtarış çubuğuna oyunun adını daxil edin və Enter düyməsini basın.

Mövzu ilə bağlı video

Mənbələr:

Banner kodunu necə tapmaq olar?

Proqram kodu məxfilik baxımından fərqli ola bilər - bir çox tərtibatçılar onu ictimaiyyətə təqdim etmir və lisenziya müqaviləsinin şərtləri istifadəçilərə onun istifadəsi və baxılması ilə bağlı məhdudiyyətlər qoyur. Açıq mənbəli proqramlar da var ki, onlara baxmaq, redaktə etmək və s.

Sizə lazım olacaq

- mənbə kodunu açmaq üçün proqram.

Təlimatlar

Baxmaq istədiyiniz proqram təminatının mənbə kodunun açıq mənbə olduğundan əmin olun. Bunu etmək üçün proqram tərtibatçısının rəsmi saytına daxil olun və lisenziya növünə baxın. Proqramın mənbə kodu bağlıdırsa, ona baxa bilməzsiniz. Bu əlverişsizdir, lakin belə bir sistemdə troyanları və digər zərərli proqramları ehtiva edən proqramın surətləri ilə qarşılaşmaq olduqca nadirdir. Bu, pulsuz proqram təminatının əsas çatışmazlığıdır.

Pulsuz proqram təminatınız varsa, proqram menyusunda "Mənbə kodu" nu tapın, əgər belə bir element inkişaf etdirici tərəfindən verilirsə, bu olduqca nadirdir. Digər hallarda ona baxmaq üçün assembler və ya digər üçüncü tərəf proqram təminatından istifadə edin.

Çox vaxt mənbəni açmaq üçün proqramın yaradıcılarının inkişaf zamanı hansı proqramlaşdırma dilindən istifadə etdiklərini bilmək lazımdır ki, bunu müəyyən etmək çox vaxt çox çətindir. Burada müxtəlif dillərdə yazılmış mənbə kodlarının açılması üçün müxtəlif proqramlar toplusunu kompüterinizə quraşdıra bilərsiniz.

Pulsuz proqram təminatından istifadə edərkən, seçiminiz varsa, quraşdırma prosesindən əvvəl mənbə kodunu nəzərdən keçirin, xüsusən də proqram qeyri-rəsmi mənbədən endirilibsə. Bu, kompüterinizi əsas proqramla birlikdə quraşdırılmış zərərli proqramlardan qorumağa kömək edəcək.

Həmçinin, proqramın qapalı mənbə koduna dəyişiklik etmək üçün müxtəlif üsullara əl atmayın, çox vaxt belə hallarda istifadəçi və tərtibatçı arasında lisenziya müqaviləsi qaydalarının pozulmasına görə müəyyən məsuliyyət yaranır. Üstəlik, redaktə edilmiş bu cür proqramları İnternetdə yerləşdirməyin.

Mövzu ilə bağlı video

Faydalı məsləhət

Pulsuz proqram təminatının mənbələrini yoxlayın.

Proqramlar açıq və qapalı bölünür. Birinci halda, bütün İnternet istifadəçiləri onun orijinalını yükləyə bilərlər kod rəsmi internet saytından və digər mənbələrdən, ikincidə - sistem kodu bağlıdır və onun

1 səs

Gününüz xeyir, bloqumun əziz oxucuları. Bəzən vebsaytda hansısa gözəl xüsusiyyət tapırsan və yaradıcının bu qədər maraqlı effekti necə əldə etdiyi ilə maraqlanmağa başlayırsan.

Belə çıxır 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ə öyrən, istəmirsənsə, səni heç kim məcbur edə bilməz.

Yalnız bir şeyi deyim... yazdığınız anlaşılmaz sözlərin necə vahid bir bütövə çevrildiyini və 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ə əslində hər şeyin ilkin göründüyündən daha sadə olduğunu gördükdə, beynin öz güclü və imkanlarına inanmaya bilmirsən. 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 teq var və onların hər biri müəyyən bir hərəkətə görə məsuliyyət daşıyır: 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əyə 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 tez-tez Google Chrome-dan istifadə edirəm və bu brauzerdə başqasının kodunu öyrənmək armud atmaq 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, 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ı, CSS-dən istifadə edərək kvadrat çəkə bilərsiniz. Bir çox mütəxəssis kodda mümkün qədər çox məlumat yazmağı məsləhət görür. Məşhur saytlarda necə işləyirlər?

İndi lazımi məlumatlar ortaya çıxdı. 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. Bütün kodu görmək istəyirsinizsə, "səhifənin mənbə kodu".

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 seçimdə olduğu kimi tam olaraq 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 sürətli klaviatura qısa yolu var və bu, 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 yeni html faylına, bədən etiketinə (İngilis dilində bədən) yapışdırıram.

İ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 bu sənədə css-i qoşmalı və onu kopyaladığımız saytdan başqa kodu köçürməlisiniz.

İ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 - "HTML üzrə pulsuz kurs" .

Və burada css haqqında tam məlumat - “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!

Brauzer tərtibatçıları eyni brauzerlərdə açılan saytları yaradanların, yəni veb ustalarının rahatlığının qayğısına qaldılar. Onlar asanlıqla aça biləcəyiniz standart xüsusiyyətlərə developer alətləri əlavə ediblər brauzerdə sayt səhifəsinin mənbə koduna baxın: HTML, CSS, JavaScript (JS), saytın strukturu haqqında müxtəlif faydalı məlumatlar əldə edin, onun texniki təhlilini aparın. Ümumiyyətlə, çox faydalı şeylərə baxın.

Əlbəttə ki, bu alətlər yalnız veb sayt yaradıcıları tərəfindən iş üçün deyil, həm də mənbə kodu müxtəlif faydalı məlumatları nəzərdən keçirməyə imkan verən adi istifadəçilər tərəfindən istifadə olunur.

Bu məqalədən siz veb-sayt səhifəsinin mənbə koduna brauzerdə necə baxmaq lazım olduğunu öyrənəcəksiniz (veb-saytın HTML, CSS, JavaScript kodunu necə açmaq olar).

Brauzerdə səhifənin mənbə kodunu necə açmaq olar

Veb səhifənin mənbə kodunu brauzerdə açmağın iki yolu var:

isti düymələrdən istifadə;
Kontekst menyusundan açın.

Ctrl+U– ayrı bir yeni pəncərədə bütün sayt səhifəsinin mənbə koduna baxmaq üçün isti düymələr kombinasiyası. Bütün brauzerlər üçün standartdır: Google Chrome, Opera, Mozilla Firefox, Yandex brauzeri, IE.

Siz həmçinin inkişaf etdirici alətlərinə aşağıdakı kimi daxil ola bilərsiniz:

İstədiyiniz kodu, sözü və ya mətni səhifədə tez tapmaq üçün bütün brauzerlər üçün standart axtarış düymələri birləşməsindən istifadə edə bilərsiniz: Ctrl + G.

Video təlimat:

Element koduna baxın | elementi araşdırın | elementi yoxlayın

Birdən bütün mənbə koduna deyil, onun yalnız ayrıca bir hissəsini, səhifənin hansısa sahəsini göstərmək lazımdırsa, əvvəlki alət işləməyəcək. Bu məqsədlə, geliştirici alətləri aşağıda müzakirə ediləcək başqa bir funksiyaya malikdir.

Səhifədəki elementin koduna necə baxmaq olar:

Siz həmçinin element yoxlamasına tez daxil olmaq üçün klaviatura qısa yollarından istifadə edə bilərsiniz.

İsti düymələr (düymələr):

Google Chrome: Ctrl+Shift+I və Ctrl+Shift+C

Opera: Ctrl+Shift+I və Ctrl+Shift+C

Mozilla Firefox: Ctrl+Shift+I və Ctrl+Shift+C

Yandex brauzeri: Ctrl+Shift+I və Ctrl+Shift+C

Bu addımlardan sonra veb səhifənin mənbə kodu eyni brauzer pəncərəsində açılacaq:

Bütün HTML kodu böyük sol sütunda olacaq. Və CSS üslubları sağdadır.

Bu metodun üstünlüyü, əlbəttə ki, istifadəçinin mənbə kodunu dəyişmək və üslubları redaktə etmək imkanı olmasıdır. Yəni, hostinq serverlərində yerləşən fayllarda dərhal dəyişiklik etmədən saytdakı üslubları redaktə edə və onun müəyyən üslublarla necə görünəcəyinə baxa bilərsiniz. Proqram kodunu dəyişdirmək və ya əlavə etmək üçün istədiyiniz fraqmentə və ya sahəyə iki dəfə klikləmək lazımdır. Əlbəttə ki, brauzerdə kod korreksiyası hostinq serverlərində aparılmayacaq. Ona görə də gələcəkdə istənilən halda bu kodu kopyalayıb fayllara yazmalı olacaqsınız.

Bu video təlimatı ətraflı təsvir edir və tərtibatçı alətləri ilə necə işləməyi göstərir:

Eynilə, onlayn olaraq, birbaşa brauzerinizdə, bu saytın fayllarını kompüterinizə yükləmədən sayt səhifəsinin mənbə koduna baxa, HTML və CSS kodu haqqında əsas məlumatları əldə edə, dəyişdirə və köçürə bilərsiniz. .

Yeri gəlmişkən, səhifə kodunu dəyişdirən və onun saxlanmasını gözləyən təcrübəsiz internet istifadəçiləri məyus olacaqlar. Axı, səhifəni yenilədikdən sonra üzərindəki bütün dəyişikliklər yox olacaq. Bu saytı sındırmaq üçün kifayət deyil :)

Android telefonunda mənbə koduna necə baxmaq olar

Onu da qeyd etmək istərdim ki, tərtibatçı alətləri təkcə brauzerlərin masaüstü versiyasında, yəni kompüter və noutbuklarda mövcud deyil. Telefonlarda və planşetlərdə (Android, iOS) mənbə koduna da baxa bilərsiniz.

Bunu etmək üçün, yoxlanılan səhifənin URL-inə görünüş mənbəyi prefiksini əlavə edin:

Misal üçün:

baxış mənbəyi:https://site/turbo-rezhim-opera/

İnternetdə yerləşdirilən saytın fayllarına və koduna təsir etmədən saytın özündə olan bütün dəyişiklikləri tez bir zamanda görmək lazımdır. Məsələn, blokun rəng sxemini dəyişdirmək, kənara çıxan elementi köçürmək və s.

Bunun üçün bir çox veb ustaları öz kompüterlərində saytın tam surətini işlədən yerli Denwer və ya OpenServer serverlərindən istifadə edirlər. Bu üsul universaldır və peşəkarlar üçün uyğundur, müxtəlif skriptlərin və plaginlərin işini yoxlamaq, dizaynın dəyişdirilməsi ilə sınaq keçirmək və bütün sayt fayllarını redaktə etmək və sınaqdan sonra müvafiq dəyişiklikləri birbaşa sayta köçürmək üçün istifadə edilə bilər.

Webmaster sənətindən uzaq olan istifadəçilər üçün bu məqsədlər üçün brauzerdən istifadə etməyi məsləhət görürəm. Chrome istifadə etdiyim üçün bu xüsusi brauzer üçün ekran görüntüləri ilə təlimatlar təqdim edəcəyəm. Analoji olaraq, Opera, Yandex.Browser, Mozilla Firefox və digər brauzerlərlə işləyə bilərsiniz, onların alətlərinin prinsipi oxşardır.

Təlimat 1: brauzerdə saytın bütün HTML koduna necə baxmaq olar

Saytınızın lazımi veb səhifəsini açın. Tələb olunan elementə sağ klikləyin, mövcud əmrləri olan brauzerin kontekstli açılan menyusu görünəcək:

Şəkil 1. Chrome brauzerində veb-səhifənin bütün HTML koduna baxılması

Əhəmiyyətli: Açılan menyudakı əmrlər, məsələn, aktiv elementlər (linklər, şəkillər, videolar) və qeyri-aktiv elementlər (mətn, fon, divs) üçün fərqli ola bilər:

Şəkil 2. Chrome brauzerinin açılan menyusu

Beləliklə, sizə lazım olan əmri tapmasanız, başqa bir yerə sağ klikləyin və ya brauzerinizin isti düymələrindən istifadə edin.

Şəkil 1-ə qayıdaq, mənbə veb-səhifənin bütün HTML koduna baxmaq üçün lazımi əmri göstərir, bu adlanır " Səhifə koduna baxın". Əmrə vurun, mənbə veb səhifəsinin tam kodu ilə yeni bir sekmə açılacaq, hər şey üçün böyük bir artı - baxış sintaksisi vurğulamaqla mümkündür:

Şəkil 3. Bu saytın kod fraqmenti

Bu alət axtardığınız elementləri tapmaq və redaktə etmək üçün çox faydalıdır.

Veb səhifənin bütün HTML kodlarına baxmaq üçün alternativ yollar

Daha sürətli giriş üçün bu alətə zəng etməyin başqa yollarından istifadə edə bilərsiniz

Şəkil 1-də biz də görürük ki, bu əmr klaviatura qısayolu vasitəsilə mövcuddur + ;

Mənim domenim əvəzinə brauzerin ünvan çubuğuna view-source:site yapışdırın, ünvanınızı daxil edin;

Hər iki üsul universaldır və bütün brauzerlərdə işləməlidir.

Əvvəlcə bəziləri bunun heç də lazımlı alət olmadığını düşünə bilər, lakin saytın bütün HTML koduna baxmaq kodda lazımi elementləri tapmaq üçün əladır, bunlar linklər, teqlər, meta teqlər, atributlar və digər elementlər ola bilər. .

İsti düymələrin birləşməsi +axtarış pəncərəsini açın, Chrome brauzerində yuxarı sağda görünür:

Şəkil 3. Sayt kodu ilə axtarış

Axtarış formasına sorğu daxil etdikdən sonra ekran tapılan ilk elementə keçəcək, oxlardan istifadə edərək aralarında keçib sizə lazım olanı seçə bilərsiniz: