Kif tara l-Kodiċi Sors ta 'Paġna tal-Web f'kull Browser

Il-paġna web li qed taqra hija magħmula minn, fost affarijiet oħra, il-kodiċi tas-sors. Dik hija l-informazzjoni li tniżżel il-web browser tiegħek u tittraduċi f'liema qed taqra issa.

Il-biċċa l-kbira tal-web browsers jipprovdu l-abbiltà li jaraw il-kodiċi tas-sors ta 'paġna web mingħajr l-ebda softwer addizzjonali meħtieġ, irrelevanti x'tip ta' mezz int qiegħed fuq.

Xi wħud saħansitra joffru funzjonalità u struttura avvanzati, u b'hekk tagħmilha aktar faċli li wieħed jaqra 'l- HTML u kodiċi ta' pprogrammar ieħor fuq il-paġna.

Għaliex Trid Tara l-Kodiċi tas-Sors?

Hemm diversi raġunijiet għalfejn inti tista 'tixtieq tara l-kodiċi tas-sors ta' paġna. Jekk int żviluppatur tal-web, forsi inti tixtieq tieħu Peek taħt il-qigħat fi stil jew implimentazzjoni partikolari ta 'programmer ieħor. Forsi int fl-assigurazzjoni tal-kwalità u qed tipprova taċċerta għaliex parti ċerta ta 'paġna web qed tirrendi jew twettaq il-mod kif hija.

Int tista 'wkoll tkun Bidu tipprova titgħallem kif tikkalkula l-paġni tiegħek stess u qed tfittex xi eżempji tad-dinja reali. Naturalment, huwa possibbli li ma taqax f'waħda minn dawn il-kategoriji u biss trid tara s-sors minn kurżità kbira.

Elenkati hawn taħt huma struzzjonijiet dwar kif tara l-kodiċi tas-sors fil-browser tiegħek ta 'l-għażla.

Google Chrome

Running fuq: Chrome OS, Linux, macOS, Windows

Il-verżjoni tad-desktop ta 'Chrome toffri tliet metodi differenti biex tara l-kodiċi sors ta' paġna, l-ewwel u l-aktar sempliċi billi tuża l-buttuna shortcut li ġejja: CTRL + U ( COMMAND + OPTION + U fuq macOS).

Meta tkun ippressata, dan il-shortcut jiftaħ tab ġdida tal-browser li turi HTML u kodiċi ieħor għall-paġna attiva. Dan is-sors huwa kkodifikat bil-kulur u strutturat b'mod li jagħmilha aktar sempliċi li jiġi kkategorizzat u ssib dak li qed tfittex. Tista 'wkoll tasal hemm billi ddaħħal it-test li ġej fil-bar ta' l-indirizz ta 'Chrome, mehmuż man-naħa tax-xellug tal- URL tal-paġna tal-web, u tikklikkja fuq il-buttuna Enter : view-source: (ie, view source: https: // www .).

It-tielet metodu huwa permezz tal- għodod ta 'żvilupp ta' Chrome, li jippermettulek tieħu adsa aktar profonda fil-kodiċi tal-paġna kif ukoll tweak fuq il-fly għal skopijiet ta 'ttestjar u żvilupp. L-interface tal-għodod tal-iżviluppatur jista 'jinfetaħ u jingħalaq billi tuża dan il-shortcut tal-keyboard: CTRL + SHIFT + I ( COMMAND + OPTION + I fuq macOS). Tista 'wkoll tniedihom billi tieħu t-triq li ġejja.

  1. Ikklikkja fuq il-buttuna prinċipali tal-menu ta 'Chrome, li tinsab fir-rokna tal-lemin u rappreżentata minn tliet tikek allinjati vertikalment.
  2. Meta tidher il-menu drop-down, aqla 'l-mouse cursor fuq l-Għażla Aktar għodda .
  3. Meta s-sub-menu jidher, ikklikkja fuq għodod Developer .

Android
Meta wieħed isib is-sors tal-paġna tal-web f'Chrome għal Android huwa sempliċi li jġib in-nota li ġejja fuq quddiem tal-indirizz tiegħu (jew URL) u jibgħatha: view source:. Eżempju ta 'dan ikun is -sors tal-viżjoni: https: // www. . HTML u kodiċi ieħor mill-paġna inkwistjoni se jintwerew istantanjament fit-tieqa attiva.

iOS
Filwaqt li m'hemmx metodi indiġeni għall-wiri tal-kodiċi tas-sors bl-użu ta 'Chrome fuq iPad tiegħek, iPhone jew iPod touch, l-aktar sempliċi u l-aktar effettiva hija li tutilizza soluzzjoni ta' parti terza bħalma hi l-app View Source.

Disponibbli għal $ 0.99 fil-Aħżen App, View Source tqanqalek biex tidħol il-URL tal-paġna (jew ikkopjaha / pasteha mill-indirizz bar ta 'Chrome, li xi drabi hija l-aktar triq sempliċi biex tieħu) u hu. Minbarra l-wiri ta 'HTML u kodiċi sors ieħor, l-app għandu wkoll tabs li juru assi tal-paġna individwali, Dokument Mudell Għan (DOM), kif ukoll daqs tal-paġna, cookies u dettalji interessanti oħra.

Microsoft Edge

Running fuq: Windows

Il-browser Edge ihallik jara, janalizza u anke jimmanipula l-kodiċi tas-sors tal-paġna kurrenti permezz tal-interface tal- Għodda ta 'Żviluppatur . Biex ikollok aċċess għal dan il-għodda ta 'għodda handy tista' tuża waħda minn dawn il-shortcuts tal-keyboard: F12 jew CTRL + U. Jekk tippreferi l-maws minflok, ikklikkja fuq il-buttuna tal-buttuna ta 'Edge (tliet tikek li jinsabu fir-rokna ta' fuq tal-lemin) u agħżel l-għażla tal- F12 Developer Tools mill-lista.

Wara li l-għodod tad-DEV jitmexxew għall-ewwel darba, Edge iżżid żewġ għażliet addizzjonali fil-menu tal-kuntest tal-browser (aċċessibbli billi tikklikkja t-dritt f'kull post fi ħdan paġna web): Spezzjona element u Sors tal-Veduta , l-aħħar li jiftaħ il- għodda ta 'interface popolati bil-kodiċi tas-sors.

Mozilla Firefox

Taħdem fuq: Linux, MacOS, Windows

Biex tara l-kodiċi tas-sors ta 'paġna fil-verżjoni desktop ta' Firefox tista 'tagħfas CTRL + U ( COMMAND + U fuq macOS) fuq it-tastiera tiegħek, li tiftaħ tab ġdid li jkun fih HTML u kodiċi ieħor għall-paġna web attiva.

It-test li ġej fil-bar ta 'l-indirizz ta' Firefox, direttament fuq ix-xellug tal-URL tal-paġna, jikkawża l-istess sors li jidher fit-tab kurrenti minflok: view source: (ie, source-view: https: // www.) .

Mod ieħor ta 'aċċess għall-kodiċi tas-sors ta' paġna huwa permezz tal-għodod tal-iżviluppatur ta 'Firefox, aċċessibbli billi tieħu l-passi li ġejjin.

  1. Ikklikkja fuq il-buttuna prinċipali tal-menu, li tinsab fir-rokna ta 'fuq tal-lemin tat-tieqa tal-browser u rappreżentata minn tliet linji orizzontali.
  2. Meta jidher il-pop-out menu, ikklikkja fuq l-ikona Developer "wrench".
  3. Il - menu tal-kuntest tal- Web Developer issa għandu jkun viżibbli. Agħżel l-għażla tas-Sors tal-Paġna .

Firefox ihallik jara l-kodiċi tas-sors għal porzjon partikolari ta 'paġna, u jagħmilha faċli li jiġu iżolati l-kwistjonijiet. Biex tagħmel dan, l-ewwel tenfasizza ż-żona li inti interessat bil-maws. Sussegwentement, ikklikkja fuq il-lemin u agħżel View Selection Source mill-menu tal-kuntest tal-browser.

Android
Li jara l-kodiċi tas-sors fil-verżjoni Android ta 'Firefox jista' jinkiseb billi tiġi prefixata l-URL tal-paġna tal-web bit-test li ġej: source-view:. Per eżempju, biex tara s-sors HTML għalik'd tissottometti t-test li ġej fil-bar ta 'l-indirizz tal-browser: view-source: https: // www. .

iOS
Metodu rakkomandat tagħna għall-wiri tal-kodiċi tas-sors tal-paġna tal-web fuq iPad, iPhone jew iPod touch tiegħek huwa permezz tal-app View Source, disponibbli fil-App Store għal $ 0.99. Filwaqt li mhux integrat direttament ma 'Firefox, tista' faċilment kopja u pejja URL mill-browser fl-app sabiex tiżvela l-kodiċi HTML u ieħor assoċjat mal-paġna in kwistjoni.

Apple Safari

Running fuq iOS u macOS

iOS
Għalkemm Safari għall-iOS ma jinkludix il-ħila biex tara sors tal-paġna awtomatikament, il-browser ma jintegrax b'mod ħafif bl-app tal-View Source - disponibbli fil-App Store għal $ 0.99.

Wara l-installazzjoni ta 'dan ir-ritorn tal-applikazzjoni ta' parti terza lejn il-browser Safari u aqbad il-buttuna Share, li tinsab fuq il-qiegħ tal-iskrin u rappreżentata minn vleġġa kwadra u up. L-Iskeda ta 'l-Ishma ta' l-iOS issa għandha tkun viżibbli, u ssabrix in-nofs t'isfel tat-tieqa Safari tiegħek. Scroll lejn il-lemin u agħżel il-buttuna Sors Viżjoni .

Għandha tintwera rappreżentazzjoni strutturata bil-kulur tal-kodiċi tas-sors tal-paġna attiva, flimkien ma 'tabs oħra li jippermettu li tara l-assi tal-paġna, skripts u aktar.

macOS
Biex tara l-kodiċi tas-sors ta 'paġna fil-verżjoni tad-desktop ta' Safari, l-ewwel għandek bżonn biex tippermetti l- iżvilupp tal- menu tagħha. Il-passi ta 'hawn taħt jimxu miegħek billi jattivaw dan il-menu moħbi u juri sors HTML ta' paġna.

  1. Ikklikkja fuq Safari fil-menu tal-browser, li tinsab fuq in-naħa ta 'fuq ta' l-iskrin.
  2. Meta jidher il-menu drop-down, agħżel l-għażla Preferenzi .
  3. Il-Preferenzi ta 'Safari issa għandhom ikunu viżibbli. Ikklikkja fuq l - ikona Avvanzata , li tinsab fuq in-naħa leminija tal-lemin tar-ringiela ta 'fuq.
  4. Lejn in-naħa t'isfel tat-taqsima Avvanzata hemm għażla mmarkata Show Develop menu fil-menu bar , akkumpanjata minn checkbox vojta. Ikklikja fuq din il-kaxxa darba biex tqiegħed marka ta 'verifika fiha u agħlaq it-tieqa tal-Preferenzi billi tikklikkja fuq l-aħmar' x 'li tinsab fir-rokna tax-xellug ta' fuq.
  5. Ikklikkja fuq il-menù Develop , li tinsab fuq in-naħa ta 'fuq ta' l-iskrin.
  6. Meta jidher il-menu drop-down, agħżel Show Page Source . Tista 'wkoll tuża d-shortcut tal-keyboard li ġej minflok: COMMAND + OPTION + U.

Opera

Taħdem fuq: Linux, MacOS, Windows

Biex tara l-kodiċi tas-sors mill-paġna web attiva fil-browser Opera, uża l-buttuna shortcut li ġejja: CTRL + U ( COMMAND + OPTION + U fuq macOS). Jekk tippreferi tagħżel is-sors fit-tab kurrenti minflok, tip it-test li ġej fuq ix-xellug tal-URL tal-paġna fi ħdan il-bar ta 'l-indirizz u agħfas Enter : view-source: (ie, source-view: https: // www. ).

Il-verżjoni tad-desktop ta 'Opera tippermetti wkoll li tara sors HTML, CSS u elementi oħra billi tuża l- għodod integrati tal- iżviluppatur . Biex tniedi din l-interfaċċja, li awtomatikament tidher fuq in-naħa tal-lemin tat-tieqa tal-browser prinċipali tiegħek, agħfas il-buttuna shortcut li ġejja: CTRL + SHIFT + I ( COMMAND + OPTION + I fuq macOS).

L-għodda tal-iżviluppatur tal-Opera hija wkoll aċċessibbli billi tieħu l-passi li ġejjin.

  1. Ikklikkja fuq il-logo tal-Opera, li tinsab fir-rokna tax-xellug ta 'fuq tat-tieqa tal-browser tiegħek.
  2. Meta tidher il-menu drop-down, aqla 'l-mouse cursor fuq l-Għażla Aktar għodda .
  3. Ikklikkja fuq Show developer menu .
  4. Ikklikkja fuq il-logo Opera mill-ġdid.
  5. Meta tidher il-menu drop-down, iċċaqlaq il-cursor fuq il- Developer .
  6. Meta s-sottomenu jidher, ikklikkja fuq Għodda ta 'Żviluppatur .

Vivaldi

Hemm modi multipli biex tara s-sors tal-paġna fi ħdan il-browser Vivaldi. L-aktar sempliċi hija permezz tal- buttuna tat- tastiera CTRL + U , li tippreżenta kodiċi mill-paġna attiva f'tab ġdid.

Tista 'wkoll iżżid it-test li ġej fuq quddiem tal-URL tal-paġna, li turi l-kodiċi tas-sors fit-tab preżenti: view source:. Eżempju ta 'dan ikun is -sors tal-viżjoni: http: // www. .

Metodu ieħor huwa permezz tal-għodod integrati tal-iżviluppatur tal-browser, aċċessibbli billi tagħfas il-kombinazzjoni CTRL + SHIFT + I jew permezz tal- Għodda tal-Għodda ta 'Żviluppatur fil-menu tal- Għodda tal-browser - misjuba billi tikklikkja fuq il-logo "V" fir-rokna tax-xellug ta' fuq. L-użu tal-għodod dev jippermetti analiżi aktar fil-fond tas-sors tal-paġna.