Paano Tingnan Ang Source Code Ng Pahina

Talaan ng mga Nilalaman:

Paano Tingnan Ang Source Code Ng Pahina
Paano Tingnan Ang Source Code Ng Pahina

Video: Paano Tingnan Ang Source Code Ng Pahina

Video: Paano Tingnan Ang Source Code Ng Pahina
Video: Godot Source Code Explained by the Lead Dev #1: Core (1/2) 2024, Nobyembre
Anonim

Ang pagba-browse sa isang browser ay isinaayos sa sumusunod na paraan: ang programa ay nagpapadala ng isang kahilingan sa server na tinukoy sa link, at bilang tugon ay tumatanggap ng isang hanay ng mga "ekstrang bahagi" at mga tagubilin sa pagpupulong. Ang mga ekstrang bahagi ay mga imahe, elemento ng flash, tunog at iba pang mga file, at mga tagubilin sa kung paano mailagay ang mga ito nang tama sa pahina, kulayan ang background nito, gumamit ng ilang mga typeface at laki ng font, atbp. nakapaloob sa source code ng pahina. Makikita mismo ng gumagamit ng browser ang code na ito mismo, at hindi lamang ang pahina na binuo ayon sa kanyang mga tagubilin.

Paano tingnan ang source code ng pahina
Paano tingnan ang source code ng pahina

Panuto

Hakbang 1

Ang mga modernong browser ay may built-in na pag-andar para sa pagtingin sa source code ng isang pahina. Halimbawa, sa Opera, upang buhayin ang pagpipiliang ito, i-click ang puwang ng bukas na pahina ng site na walang mga larawan, link at iba pang mga elemento at sa drop-down na menu ng konteksto piliin ang item na "Source code". Bubuksan ng browser ang mapagkukunan sa isang magkakahiwalay na tab, pangkulay ang mga linya na nauugnay sa mga HTML tag, script at payak na teksto sa tatlong kulay.

Hakbang 2

Ang mga magkatulad na puntos, ngunit may maliit na pagkakasalitang naiiba, ay nasa menu ng konteksto at iba pang mga browser. Halimbawa, sa Google Chrome ang item na ito ay pinangalanang "Tingnan ang code ng pahina", sa Mozilla Firefox piliin ang linya na "Source code ng pahina", at Internet Explorer - "Tingnan ang HTML code". Ang scheme ng kulay ng code ay magkakaiba rin ng kaunti sa iba't ibang mga application.

Hakbang 3

Ang browser ng Google Chrome ay may isang mas advanced na pagpipilian ng pagtingin sa mapagkukunan. Upang magamit ito, sa parehong menu ng konteksto, piliin ang item na "Tingnan ang code ng elemento". Pagkatapos nito, ang tab na may bukas na web page ay nahahati sa dalawang mga frame - sa itaas ay mananatili ang hitsura nito, at sa mas mababang isa ay may detalyadong nakolektang impormasyon hindi lamang mula sa mga source code na tag, kundi pati na rin mula sa kasama Mga file na istilong CSS. Maaari kang pumili ng mga linya ng mapagkukunan sa mas mababang frame, at ang browser ay i-highlight sa itaas ng mga lugar ng pahina na nabuo ng mga linyang ito. Gayundin, ang pagpili ng isang elemento sa tuktok na frame ay magiging sanhi ng kaukulang code na maipakita sa ilalim ng isa.

Hakbang 4

Kung ang pahina ay nai-save sa hard drive ng iyong computer, ang file ay maaaring buksan sa anumang text editor - ang source code ay nakasulat dito bilang payak na teksto. I-drag lamang ang file na ito sa window ng pagpapatakbo ng Notepad, Word, o anumang iba pang application ng ganitong uri. Gamit ang isang regular na editor, hindi mo lamang matitingnan ang source code, ngunit maaari mo ring mai-edit ito.

Inirerekumendang: