Nola ikusi Web orri baten iturburu-kodea arakatzaile guztietan

Irakurtzen ari zaren webgunea, besteak beste, iturburu-kodea da. Hori da zure webguneko deskargaren informazioa eta oraintxe ari zarenaren berri ematen du.

Nabigatzaile gehienek webgune baten iturburu-kodea ikusi ahal izango dute software gehigarririk gabe, edozein motatako gailuak direlako.

Zenbait batzuek funtzionaltasun eta egitura aurreratuak ere eskaintzen dituzte, orrialdearen HTML eta beste programazio kode bat irakurtzeko errazagoa izan dadin.

Zergatik iturburu kodea ikusi nahi duzu?

Hainbat arrazoi daude orriaren iturburu-kodea ikusteko. Webguneetako garatzaile bat bazara, beharbada, estalkien azpian hartu beharko zenuke beste programatzaile baten estilo edo ezarpen berezian. Beharbada kalitatearen bermean zaudela eta zergatik web orri baten zati bat errendatzen ari den edo nola funtzionatzen duen jakiteko saiatzen ari gara.

Zeure orriak kodetu eta mundu errealeko adibide batzuk bilatzen saiatzen ari zara hasiberrientzat. Jakina, posible da kategoria horietako edozeinetan ez erortzea eta nahi duzun iturria ikusi nahi izatea.

Jarraian azaltzen diren argibideak aukeratutako arakatzailearen iturburu-kodea ikusteko moduan daude.

Google Chrome

Exekutatzen: Chrome OS, Linux, MacOS, Windows

Chrome-ko mahaigaineko bertsioek hiru modu desberdin eskaintzen dituzte orriko iturburu-kodea ikusteko, lehenengo eta errazena honako teklatu lasterbide hau erabiliz: CTRL + U ( COMMAND + OPTION + U macOS-en).

Noiz sakatuta, lasterbide honek nabigazio fitxa berri bat irekitzen du HTML eta beste kode bat orri aktiboan erakusteko. Iturburu hau koloreztatuta eta egituratuta dago, era errazean partekatzea eta bilatu nahi duzuna aurkitzeko. Gainera, testu hori Chrome-ren helbide-barra batean sartuz gero, web orriaren URLaren ezkerraldean gehituko da eta Enter tekla sakatuta: iturria ikusteko: (hau da, iturria ikusi: https: // www .).

Hirugarren metodoa Chrome-ren garatzaileentzako tresnen bidez egiten da , murgilketa sakonagoa egitea orriaren kodean eta baita probatzeko eta garatzeko helburuetarako ere. Garatzaileen interfazearen interfazea ireki eta itxi egin daiteke teklatu lasterbide hau erabiliz: CTRL + SHIFT + I ( COMMAND + OPTION + I macOS-n). Halaber, abiarazi ditzakezu bidea jarraituz.

  1. Egin klik Chrome menu nagusiko botoiaren gainean, goiko eskuineko ertzean kokatuta eta bertikalki lerrokatutako hiru punturen bidez irudikatuta.
  2. Goitibeherako menuan agertzen denean, sagua kurtsorea mugitu Tresna gehiago aukeran.
  3. Azpi-menua agertzen denean, egin klik Garatzaile tresnak botoian.

Android
Webguneen iturburua Chrome-n Android-en ikustea oso erraza da hurrengo testua bere helbidearen (edo URLaren) aurrean eranstea eta bidali: source-view:. Horren adibide litzateke ikuspegi-iturria: https: // www. . Galdera horri HTML eta beste kode batetik berehala agertuko da leiho aktiboan.

iOS
Iturburu-kodea zure iPad, iPhone edo iPod touch-n Chrome-n erabiliz Chrome-ko iturburu-kodea ikusteko jatorrizko metodoen artean, errazena eta eraginkorrena hirugarrenen irtenbide bat erabiltzea da, esate baterako, View Source aplikazioa.

Eskuragarri $ 0,99 App Store aplikazioan, Iturria ikusi URL orriaren URLan sartu nahi baduzu (edo kopiatu / itsatsi ezazu Chrome-ren helbide barran, hau da, batzuetan bidea errazena) eta hori da. HTML eta beste iturburu-kodea erakusten dutenez gain, aplikazioak orri aktibo banakorrak, dokumentuaren objektu-eredua (DOM), orrialdearen tamaina, cookieak eta bestelako xehetasun interesgarriak erakusten ditu.

Microsoft Edge

Exekutatzen: Windows

Edge arakatzaileak aukera ematen du uneko orriaren iturburu-kodea ikusteko, aztertzeko eta are manipulatzeko, bere Garatzaileen tresnen interfazearen bidez. Tresna erabilgarri hau erabiltzeko, lasterbide horietako bat erabil dezakezu: F12 edo CTRL + U. Sagua nahiago baduzu, egin klik Edge menuko botoian (eskuineko goiko aldean dauden hiru puntuak) eta hautatu F12 Garatzailea tresnak zerrendan.

Dev programak lehen aldiz exekutatzen direnean, Edge-k bi aukera gehigarri eskaintzen dizkio arakatzailearen testuinguruaren menura (eskuragarri dagoen edozein web orriko edozein tokitan klik eginez): Ikuskatu elementua eta ikusi iturburua , hau da, Debugger zatiak irekitzen ditu. tresnak interfazea iturburu-kodearekin beteta.

Mozilla Firefox

Exekutatzen: Linux, macOS, Windows

Orriaren iturburu-kodea Firefoxen mahaigaineko bertsioan ikusteko, sakatu KTRL + U ( COMMAND + U macOS-en) zure teklatuan, HTML orriaren eta beste kode bat daraman fitxa berri bat irekiko du web orri aktiboan.

Hurrengo testua Firefox-eko helbide-barran idazterakoan, zuzenean orriaren URLaren ezkerraldean, iturburu bera agertuko da uneko fitxan: source-view: (hau da, iturria ikusi: https: // www.) .

Beste orrialde baten iturburu-kodea atzitzeko beste modu bat Firefox-en garatzaileen tresnen bidez dago erabilgarri, urrats hauek jarraituz.

  1. Egin klik menu nagusian botoia, zure arakatzailearen leihoaren goiko eskuinaldean dagoena eta hiru lerro horizontal irudikatzen dituena.
  2. Pop-out menua agertzen denean, egin klik Garatzailea "giltza" ikonoan.
  3. Web Developer testuinguru menua orain ikusgai egon behar da. Hautatu Orriaren iturburua aukera.

Firefoxek orri baten zati jakin bateko iturburu-kodea ikusteko aukera ematen dizu, arazo isolatuak errazago egiteko. Horretarako, lehenik eta behin azpimarratu zure saguaren interesatzen zaizun eremua. Ondoren, egin klik eskuineko botoiarekin eta aukeratu Ikusi Selection Source nabigatzailearen testuinguru menuan.

Android
Android bertsioaren iturburu-kodea Firefox-en bertsioaren bidez lor daiteke, web orrialdearen URLa testu hauekin aurrez ikusi : view-source:. Esate baterako, HTML iturburua ikusteko, hurrengo testua arakatzailearen helbide barran bidaltzeko: view-source: https: // www. .

iOS
Gure iPad, iPhone edo iPod touch web orriaren iturburu kodea ikusteko modua gomendatzen da View Source aplikazioaren bidez, App Store-n eskuragarri, 0,99 $ -ean. Firefoxen zuzenean integraturik ez dagoen bitartean, erraz kopiatu eta itsatsi URLa arakatzailetik aplikazioan sartu ahal izateko HTML orriaren eta beste orrialde horri lotutako beste kodea.

Apple Safari

IOS eta MacOS exekutatzen

iOS
Safari iOS-ek ez du orrialde-iturburua lehenespenez ikusteko gaitasuna, nabigatzaileak osorik integratzen du Iturria ikusi duen aplikaziotik: eskuragarri dago App Store-n 0.99 $ -ean.

Hirugarrenen aplikazio hau Safari arakatzaileari buelta eman ondoren, sakatu Partekatu botoia, pantailaren behealdean kokatuta dagoen eta karratu bat eta gora gezia irudikatuta. IOS partekatzeko orria orain ikusgai egon behar luke, Safari leihoaren beheko erdia gainjarrita. Joan eskuinera eta hautatu Ikusi iturburua botoia.

Orrialde aktiboaren iturburu-kodearen kolore-kodeketa eta egituratutako ordezkaritza agertuko da, orrialdeko aktiboak, gidoiak eta gehiago ikusteko.

MacOS
Safari aplikazioko mahaigaineko bertsio baten iturburu-kodea ikusteko, lehenik Garatu menua gaitu behar duzu. Azpiko urratsak ezkutatutako menu hau aktibatzen eta orriaren HTML iturburua bistaratzen du.

  1. Egin klik Safari nabigazio menuan, pantailaren goialdean kokatuta.
  2. Goitibeherako menuan agertzen denean, hautatu Hobespenak aukera.
  3. Safari-ren hobespenak ikusgai egon behar dira. Egin klik ikono aurreratuan , goiko errenkadan dagoen eskuinaldean.
  4. Atariko Aurrerantz beheko aldera, Erakutsi Garatu menua menu-barra batean agertzen da , hutsik dago kontrol-laukia. Egin klik koadro honetan behin kontrol-marka bat jarri eta Hobespenen leihoa itxi goiko ezkerreko izkinako 'x' gorriaren gainean klikatuz.
  5. Egin klik Garatu menuan, pantailaren goialdean kokatuta.
  6. Goitibeherako menuan agertzen denean, hautatu Erakutsi orrialdearen iturria . Teklatuko lasterbide hau ere erabil dezakezu: COMMAND + OPTION + U.

Opera

Exekutatzen: Linux, macOS, Windows

Opera arakatzailearen web orri aktiboaren iturburu-kodea ikusteko, erabili lasterbide hau: CTRL + U ( COMMAND + OPTION + U macOS-en). Nahi izanez gero, iturburuko uneko fitxan kargatu nahi baduzu, idatzi hurrengo orriaren URLaren ezkerreko URLaren URL helbidea eta sakatu Sartu : iturburu-ikuspegia: (hau da, iturria ikusi: https: // www. ).

Opera-ko mahaigaineko bertsioek ere HTML iturburua, CSS eta beste elementu batzuk ikusi ahal izango dituzte, garatzaileentzako tresna integratuak erabiliz. Interfazea abiarazteko, lehenespenez arakatzailearen leiho nagusiaren eskuinaldean agertuko da, sakatu tekla tekla hau: CTRL + SHIFT + I ( COMMAND + OPTION + I macOS).

Opera-ren garatzaileentzako erreminta ere eskuragarria da, urrats hauek jarraituz.

  1. Egin klik Opera logotipoan, zure arakatzailearen leihoaren goiko ezkerreko aldean.
  2. Goitibeherako menuan agertzen denean, sagua kurtsorea mugitu Tresna gehiago aukeran.
  3. Egin klik Erakutsi garatzaileen menuan .
  4. Egin klik Opera logotipoan berriro.
  5. Goitibeherako menuan agertzen denean, kurtsorea mugitu Garatzailea baino gehiago.
  6. Azpi-menua agertzen denean, egin klik Garatzaile tresnak botoian.

Vivaldi

Vivaldi nabigatzailearen barruan orrialde iturburua ikusteko era asko daude. Sinpleena CTRL + U teklatu lasterbidearen bidez egiten da, fitxa berrian orri aktiboaren kodea erakusten duena.

Gainera, testu hau orriaren URLaren aurrean gehi dezakezu, iturburu-kodea ageri den fitxan: view-source:. Horren adibide litzateke ikuspegi-iturria: http: // www. .

Beste metodo bat arakatzailearen garatzaileentzako tresnak integratzeko aukera dago, CTRL + SHIFT + I konbinazioa edo Garatzaileen tresnak aukera erabiliz, nabigatzailearen tresnen menuan, 'V' logotipoan goiko ezkerreko izkinan klik eginda. Dev tresnak erabiliz, orrialdearen iturburuaren sakontze sakonagoa egiteko aukera ematen du.