Si të Shiko Kodin Burimor të një Faqe Web në çdo Browser

Faqja e internetit që po lexoni përbëhet nga, ndër të tjera, kodin burimor. Kjo është informacioni që shfletuesi juaj i internetit shkarkon dhe përkthehet në atë që po lexoni tani.

Shumica e shfletuesve të internetit ofrojnë mundësinë për të parë kodin burimor të një faqeje web pa kërkuar asnjë softuer shtesë, pa marrë parasysh se çfarë lloj pajisjeje ju jeni në.

Disa madje ofrojnë funksionalitet dhe strukturë të avancuar, duke e bërë më të lehtë për të lexuar HTML dhe kodin tjetër të programimit në faqe.

Pse dëshironi të shihni kodin burimor?

Ka disa arsye pse ju mund të dëshironi të shihni kodin burimor të një faqeje. Nëse jeni një zhvillues web, ndoshta dëshironi të bëni një shikim të fshehtë nën mbulesat e një stili të veçantë të programuesit ose zbatimit. Ndoshta ju jeni në sigurimin e cilësisë dhe po përpiqeni të kuptoni se përse një pjesë e caktuar e një faqeje web po e bën apo sillet ashtu siç është.

Ju gjithashtu mund të jeni fillestar duke u përpjekur të mësoni se si t'i kodoni faqet tuaja dhe kërkoni disa shembuj të botës reale. Natyrisht, është e mundur që ju të mos bini në asnjë nga këto kategori dhe thjesht dëshironi të shihni burimin nga kurioziteti absolut.

Listuara më poshtë janë udhëzime se si të shikoni kodin burimor në shfletuesin tuaj të zgjedhur.

Google Chrome

Drejtimin në: Chrome OS, Linux, macOS, Windows

Versioni desktop i Chrome ofron tri metoda të ndryshme për të parë kodin burimor të faqes, i pari dhe më i thjeshtë duke përdorur shkurtesën e mëposhtme të tastierës: CTRL + U ( KOMANDA + OPTION + U në macOS).

Kur shtypet, ky shkurtore hap një tabelë të re të shfletuesit që shfaq kodin HTML dhe kodin tjetër për faqen aktive. Ky burim është i koduar me ngjyra dhe i strukturuar në një mënyrë që e bën më të thjeshtë për të ndarë dhe gjetur atë që kërkoni. Gjithashtu, mund të shkosh atje duke futur tekstin në vijim në shiritin e adresave të Chrome, të bashkëngjitur në anën e majtë të URL -së së faqes së internetit dhe duke shtypur butonin Enter : view-source: (dmth., Pamje origjinale: https: // www .).

Metoda e tretë është nëpërmjet mjeteve zhvilluese të Chrome, të cilat ju lejojnë të futni një pikiatë më të thellë në kodin e faqes, si dhe të shkulni atë në fluturim për qëllime testimi dhe zhvillimi. Ndërfaqja e mjeteve të zhvilluesit mund të hapet dhe të mbyllet duke përdorur këtë shkurtore të tastierës: CTRL + SHIFT + I ( KOMAND + OPTION + I në macOS). Ju gjithashtu mund të nisni ato duke marrë rrugën e mëposhtme.

  1. Klikoni në butonin kryesor të Chrome, që gjendet në këndin e sipërm të djathtë dhe që përfaqësohet nga tre pikat vertikalisht të përafërta.
  2. Kur shfaqet menyja zbritëse, rri pezull kursorin e miut mbi opsionin Më shumë mjete .
  3. Kur shfaqet nën-menuja, klikoni mbi veglat e Zhvilluesit .

android
Shikimi i burimit të një faqeje në Chrome për Android është aq e thjeshtë sa të shtosh tekstin në vijim në pjesën e përparme të adresës (ose URL) dhe ta dorëzosh atë: view-source:. Një shembull i kësaj do të ishte burimi i shikimit: https: // www. . HTML dhe kodi tjetër nga faqja në fjalë do të shfaqet menjëherë në dritaren aktive.

iOS
Ndërsa nuk ka metoda amtare për shikimin e kodit burimor duke përdorur Chrome në iPad, iPhone ose iPod touch, më e thjeshtë dhe më efektive është shfrytëzimi i një zgjidhjeje të palëve të treta siç është aplikacioni View Source.

E disponueshme për $ 0.99 në App Store, Burimi i Pamjes ju bën të futni URL-në e faqes (ose kopjoni / ngjisni atë nga shiritin e adresave të Chrome-it, e cila nganjëherë është rruga më e thjeshtë për t'u marrë) dhe kjo është ajo. Përveç kësaj për të treguar HTML dhe kodin tjetër burimor, aplikacioni gjithashtu ka tabela që shfaqin aktivet e faqes individuale, Modelin e Dokumentit të Objektit (DOM), si dhe madhësinë e faqes, cookies dhe detaje të tjera interesante.

Microsoft Edge

Running on: Windows

Shfletuesi i Edge ju lejon të shikoni, analizoni dhe madje të manipuloni kodin burimor të faqes aktuale përmes ndërfaqes së Mjeteve të Zhvilluesit . Për të hyrë në këtë vegël të dobishme, mund të përdorni një nga këto shkurtore të tastierës: F12 ose CTRL + U. Nëse preferoni miun në vend, klikoni butonin e menusë Edge (tre pika të vendosura në këndin e sipërm të djathtë) dhe zgjidhni opsionin F12 Developer Tools nga lista.

Pasi mjetet e dev janë drejtuar për herë të parë, Edge shton dy opsione shtesë në menunë e kontekstit të shfletuesit (mund të arrihen duke klikuar me të djathtën në një faqe në internet): Inspect element dhe Source View , ky i fundit hap pjesën e Debugger të dev mjetet e ndërfaqes të populluara me kodin burimor.

Mozilla Firefox

Drejtimin në: Linux, macOS, Windows

Për të parë kodin burimor të një faqe në versionin desktop të Firefox-it ju mund të shtypni CTRL + U ( KOMANDA + U në macOS) në tastierën tuaj, e cila do të hapë një tab të ri që përmban HTML dhe kodin tjetër për web faqen aktive.

Shtypja e tekstit në vijim në shiritin e adresës së Firefox-it, direkt në të majtë të URL-së së faqes, do të bëjë që burimi i njëjtë të shfaqet në skedën aktuale: view-source: (dmth, view-source: https: // www.) .

Një tjetër mënyrë për të pasur qasje në kodin burimor të një faqeje është përmes mjeteve zhvilluese të Firefox-it, të arritshme duke marrë hapat e mëposhtëm.

  1. Klikoni në butonin kryesor të menysë, që gjendet në cepin e sipërm të djathtë të dritares së shfletuesit tuaj dhe përfaqësohet nga tre linja horizontale.
  2. Kur shfaqet menyja e daljes në ekran, klikoni në ikonën "pikëllim" i Zhvilluesit .
  3. Menuja e kontekstit të Zhvilluesit Web tani duhet të jetë e dukshme. Zgjidhni opsionin Burimi i faqes .

Firefox gjithashtu ju lejon të shihni kodin burimor për një pjesë të veçantë të një faqe, duke e bërë të lehtë të izoloni çështjet. Për ta bërë këtë, fillimisht theksojeni zonën me të cilën jeni të interesuar me miun. Tjetra, kliko me të djathtën dhe zgjidhni View Source Selection nga menyja e kontekstit të shfletuesit.

android
Shikimi i kodit burimor në versionin Android të Firefox-it është i arritshëm duke parashtruar URL-në e faqes së internetit me tekstin e mëposhtëm: view-source:. Për shembull, për të parë burimin HTML, do të dërgoni tekstin e mëposhtëm në shiritin e adresave të shfletuesit: view-source: https: // www. .

iOS
Metoda jonë e rekomanduar për shikimin e kodit burimor të faqes së internetit në iPad, iPhone ose iPod touch është përmes aplikacionit View Source, që gjendet në App Store për $ 0.99. Ndërsa nuk është integruar drejtpërdrejt me Firefox-in, lehtë mund të kopjoni dhe ngjisni një URL nga shfletuesi në aplikacion në mënyrë që të zbuloni HTML dhe kodin tjetër të lidhur me faqen në fjalë.

Apple Safari

Running në iOS dhe macOS

iOS
Megjithëse Safari për iOS nuk përfshin aftësinë për të parë burimin e faqes sipas parazgjedhjes, shfletuesi integrohet mjaft mirë me aplikacionin View Source - i disponueshëm në App Store për $ 0.99.

Pas instalimit të këtij aplikacioni të palës së tretë kthehuni në shfletuesin Safari dhe trokitni lehtë mbi butonin Shpërndaje, e vendosur në pjesën e poshtme të ekranit dhe të përfaqësuar nga një shesh dhe një shigjetë lart. IOS Share Sheet tani duhet të jetë i dukshëm, duke mbuluar gjysmën e poshtme të dritares suaj Safari. Shkoni te djathtas dhe përzgjidhni butonin View Source .

Tani duhet të shfaqet një formë e koduar dhe e strukturuar e kodit burimor të faqes aktive, së bashku me skedat e tjera të cilat ju lejojnë të shikoni pasuritë e faqes, skriptet dhe të tjera.

MacOS
Për të parë kodin burimor të një faqe në versionin desktop të Safari-t, së pari duhet të aktivizoni menunë e saj të Zhvillimit . Hapat e mëposhtëm të ecin përmes aktivizimit të kësaj menuje të fshehur dhe duke shfaqur burimin HTML të një faqeje.

  1. Klikoni në Safari në menunë e shfletuesit, e vendosur në krye të ekranit.
  2. Kur shfaqet menyja zbritëse, zgjidhni opsionin Preferencat .
  3. Preferencat e Safari-t tani duhet të jenë të dukshme. Klikoni në ikonën Advanced , që ndodhet në anën e djathtë të djathtë të rreshtit të lartë.
  4. Në pjesën e poshtme të seksionit të Avancuar është një opsion i emërtuar Trego Shfaq menu në shiritin e menysë , i shoqëruar nga një kutie të zbrazët. Klikoni në këtë kuti një herë për të vendosur një shenjë në të, dhe mbyllni dritaren Preferencat duke klikuar mbi kuqe 'x' gjetur në këndin e sipërm të majtë.
  5. Klikoni në menunë Zhvillimi , e vendosur në krye të ekranit.
  6. Kur shfaqet menyja e zbritjes, zgjidhni Shfaqni burimin e faqes . Ju gjithashtu mund të përdorni shkurtoren e mëposhtme të tastierës: COMMAND + OPTION + U.

operë

Drejtimin në: Linux, macOS, Windows

Për të parë kodin burimor nga faqja e internetit aktive në shfletuesin e Operas përdorni shkurtorin e mëposhtëm të tastierës: CTRL + U ( KOMAND + OPTION + U në macOS). Nëse preferoni të ngarkoni burimin në skedën aktuale, shkruani tekstin e mëposhtëm në të majtë të URL-së së faqes brenda shiritit të adresës dhe klikoni Enter : view-source: (dmth., Shikoni burimin: https: // www. ).

Versioni desktop i Opera gjithashtu ju lejon të shikoni burimin HTML, CSS dhe elementë të tjerë duke përdorur mjetet e tij zhvilluese të integruara. Për të nisur këtë ndërfaqe, e cila me parazgjedhje do të shfaqet në anën e djathtë të dritares kryesore të shfletuesit tuaj, shtyp shkurtesën e mëposhtme të tastierës: CTRL + SHIFT + I ( KOMAND + OPTION + I në macOS).

Mjetet e zhvilluesve të Opera mund të arrihen duke marrë hapat e mëposhtëm.

  1. Klikoni në logon e Operas, e vendosur në këndin e sipërm të majtë të dritares së shfletuesit tuaj.
  2. Kur shfaqet menyja zbritëse, rri pezull kursorin e miut mbi opsionin Më shumë mjete .
  3. Klikoni mbi Trego menun e zhvilluesit .
  4. Klikoni përsëri në logon Opera.
  5. Kur shfaqet menyja e drop-down, rri pezull kursorin mbi Zhvilluesin .
  6. Kur të shfaqet nën-menu, klikoni mbi Tools Zhvilluesish .

Vivaldi

Ekzistojnë mënyra të shumta për të parë burimin e faqes brenda shfletuesit Vivaldi. Më e thjeshtë është nëpërmjet shkurtorisë së tastierës CTRL + U , e cila paraqet kodin nga faqja aktive në një tab të ri.

Ju gjithashtu mund të shtoni tekstin e mëposhtëm në faqen e përparme të URL-së së faqes, e cila tregon kodin burues në skedën aktuale: view-source:. Një shembull i kësaj do të ishte burimi i shikimit: http: // www. .

Një tjetër metodë është nëpërmjet mjeteve të integruara të zhvilluesit të shfletuesit, të arritshëm duke shtypur kombinimin CTRL + SHIFT + I ose përmes opsionit të Zhvilluesve të Veglave në menunë e shfletuesit, që gjenden duke klikuar në logon 'V' në këndin e sipërm të majtë. Përdorimi i mjeteve të dev lejon një analizë shumë më të thellë të burimit të faqes.