Vefsíðan sem þú ert að lesa samanstendur af, meðal annars, kóða. Það eru þær upplýsingar sem vafrinn þinn hleður niður og þýðir það sem þú ert að lesa núna.
Flestar vafrar bjóða upp á hæfni til að sjá kóðann á vefsíðu án viðbótar hugbúnaðar sem krafist er, sama hvaða tæki þú ert á.
Sumir bjóða jafnvel upp á háþróaða virkni og uppbyggingu, sem gerir það auðveldara að lesa HTML og aðra forritunarkóða á síðunni.
Hvers vegna viltu sjá uppspretta kóðann?
Það eru nokkrar ástæður fyrir því að þú gætir viljað sjá kóðann á síðunni. Ef þú ert vefur verktaki, kannski þú vilt taka kíkja undir kápa á sérstökum stíl forritari eða framkvæmd. Kannski ertu í gæðatryggingu og reynir að ganga úr skugga um hvers vegna ákveðinn hluti vefsíðunnar er gerð eða hegðar sér eins og það er.
Þú gætir líka verið byrjandi að reyna að læra hvernig á að merkja eigin síður og eru að leita að einhverjum raunverulegum heimshlutum. Auðvitað er það mögulegt að þú fallir ekki inn í neinar þessara flokka og vilt bara skoða uppsprettu út af hreinni forvitni.
Hér að neðan eru leiðbeiningar um hvernig á að skoða kóðann í valinn vafra.
Google Chrome
Keyrir á: Króm OS, Linux, MacOS, Windows
Skjáborðsútgáfa Chrome býður upp á þremur mismunandi aðferðum til að skoða kóðann á síðu, fyrsta og einfaldasta með því að nota eftirfarandi flýtileið: CTRL + U ( COMMAND + OPTION + U á macOS).
Þegar stutt er á, opnar þessi flýtileið nýjan flipaflipa sem sýnir HTML og aðra kóða fyrir virkan síðu. Þessi uppspretta er litakóða og uppbyggð á þann hátt sem gerir það einfaldara að hólfa og finna það sem þú ert að leita að. Þú getur einnig komist þangað með því að slá inn eftirfarandi texta í reitnum Króm, bætt við vinstra megin við vefslóð vefsvæðisins og sláðu inn lykilinn: skoða-uppspretta: (þ.e. skoða-uppspretta: https: // www .).
Þriðja aðferðin er í gegnum forritara Chrome, sem gerir þér kleift að taka dýpra kafa inn í kóðann á síðunni ásamt að klára það á flugi til prófunar og þróunar. Uppbyggingartólið er hægt að opna og loka með því að nota þennan flýtilykla: CTRL + SHIFT + I ( COMMAND + OPTION + I á macOS). Þú getur einnig ræst þau með því að nota eftirfarandi slóð.
- Smelltu á aðalvalmyndartakkann Króm, sem staðsett er efst í hægra horninu og táknað með þrjá lóðréttar punktar.
- Þegar fellivalmyndin birtist skaltu sveima músarbendlinum yfir valkostinn Fleiri verkfæri .
- Þegar undirvalmyndin birtist skaltu smella á Hönnunarverkfæri .
Android
Kynning á uppspretta vefsvæðis í Chrome fyrir Android er eins einföld og að bæta við eftirfarandi texta framan við heimilisfangið (eða slóðina) og senda það: skoða-uppspretta:. Dæmi um þetta væri skoðunar-uppspretta: https: // www. . HTML og aðrar kóða frá viðkomandi síðu verða strax birtar í virku glugganum.
iOS
Þó að engar innfæddar aðferðir séu til fyrir að skoða kóðann með því að nota Chrome á iPad, iPhone eða iPod touch, er einfaldasta og árangursríkasta að nýta lausn þriðja aðila, svo sem View Source app.
Fáanlegt fyrir $ 0,99 í App Store, biður View Source að slá inn vefslóð síðunnar (eða afritaðu / límdu það frá heimilisfang stiklu Chrome, sem er stundum einfaldasta leiðin til að taka) og það er það. Til viðbótar við að sýna HTML og aðra kóða hefur appið einnig flipa sem birta einstaka síðu eignir, Document Object Model (DOM), svo og síðu stærð, smákökur og aðrar áhugaverðar upplýsingar.
Microsoft Edge
Keyrir á: Windows
Edge vafrinn gerir þér kleift að skoða, greina og jafnvel breyta frumkóðanum á núverandi síðu með því að tengja við Hönnuður Verkfæri . Til að fá aðgang að þessu handhæga verkfæraskúr er hægt að nota eitt af þessum flýtileiðum: F12 eða CTRL + U. Ef þú vilt frekar músina í staðinn, smelltu á valmyndarhnappinn Edge (þrjú punkta staðsett efst í hægra horninu) og veldu valkostinn F12 Developer Tools frá listanum.
Eftir að búnaðurinn er keyrður í fyrsta skipti bætir Edge við tveimur viðbótarvalkostum við samhengisvalmynd vafrans (aðgengileg með því að hægrismella einhvers staðar á vefsíðu): Skoðaðu frumefni og View source , hið síðarnefnda sem opnar Debugger hluta dev verkfæri tengi byggð með kóða.
Mozilla Firefox
Keyrir á: Linux, MacOS, Windows
Til að skoða kóðann í kóðanum í Firefox er hægt að ýta á CTRL + U ( COMMAND + U á macOS) á lyklaborðinu þínu, sem opnar nýja flipann sem inniheldur HTML og aðra kóða fyrir virka vefsíðu.
Ef þú skrifar eftirfarandi texta í heimilisfang bar Firefox, beint til vinstri á vefslóð síðunnar, mun sömu uppspretta birtast í núverandi flipi í staðinn: skoða-uppspretta: (þ.e. skoða-uppspretta: https: // www.) .
Önnur leið til að fá aðgang að frumkóða síðu er í gegnum forritara Firefox sem er aðgengileg með því að taka eftirfarandi skref.
- Smelltu á aðalvalmyndartakkann, sem er staðsett efst í hægra horninu í vafranum þínum og táknað með þremur láréttum línum.
- Þegar sprettigluggavalmyndin birtist skaltu smella á hnappinn "Hnakki" hönnuða .
- Samhengisvalmynd Vefhönnuðar ætti nú að vera sýnileg. Veldu valkostinn Page Source .
Firefox leyfir þér einnig að skoða kóðann fyrir tiltekna hluta af síðu, sem gerir það auðvelt að einangra mál. Til að gera það skaltu auðkenna fyrst svæðið sem þú hefur áhuga á með músinni. Næst skaltu hægrismella og velja View Selection Source frá samhengisvalmynd vafrans.
Android
Skoða kóðann í Android útgáfunni af Firefox er hægt með því að forskeyti vefslóð vefsíðu með eftirfarandi texta: skoða-uppspretta:. Til dæmis, til að skoða HTML-uppspretta fyrir þig, skaltu senda eftirfarandi texta í netfangaslá vafrans: skoða-uppspretta: https: // www. .
iOS
Ráðlagður aðferð við að skoða vefsíðuskóða á iPad, iPhone eða iPod Touch er í gegnum View Source forritið, sem er í App Store fyrir 0,99 $. Þó að það sé ekki samþætt beint við Firefox geturðu auðveldlega afritað og límt vefslóð frá vafranum inn í forritið til að afhjúpa HTML og aðrar kóða sem tengjast viðkomandi síðu.
Apple Safari
Keyrir á IOS og MacOS
iOS
Þótt Safari fyrir IOS sé ekki hægt að skoða síðu uppspretta sjálfgefið, þá tengir vafranum frekar óaðfinnanlega við View Source forritið - í boði í App Store fyrir $ 0.99.
Eftir að þú hefur sett upp þessa þriðja aðila skaltu fara aftur í Safari vafrann og smella á Share hnappinn sem er staðsettur neðst á skjánum og táknar ferningur og upp ör. IOS hlutaskráin ætti nú að vera sýnileg og leggur yfir neðri helminginn af Safari glugganum þínum. Skrunaðu til hægri og veldu View Source hnappinn.
Liturkóðaður, uppbyggður framsetning kóðunar á virku síðunni ætti nú að birtast ásamt öðrum flipum sem leyfa þér að skoða síðu eignir, forskriftir og fleira.
macOS
Til að skoða kóðann á síðu í skjáborðsútgáfu Safari, þarftu fyrst að virkja þróunarvalmyndina . Skrefunum hér að neðan gengur með því að virkja þessa falnu valmynd og birta HTML-uppspretta síðu.
- Smelltu á Safari í vafranum valmyndinni, sem staðsett er efst á skjánum.
- Þegar fellivalmyndin birtist skaltu velja Preferences valkostinn.
- Forrit Safari ætti að vera sýnilegt. Smelltu á Advanced táknið, sem staðsett er efst til hægri í efsta röðinni.
- Undir neðst í Advanced kafla er valkostur merktur Sýna þróunarvalmynd í valmyndastiku ásamt tómum gátreit. Smelltu á þennan reit einu sinni til að setja merkið í það og lokaðu glugganum Preferences með því að smella á rauða 'x' sem finnast í efra vinstra horninu.
- Smelltu á Þróun valmyndina, sem staðsett er efst á skjánum.
- Þegar fellivalmyndin birtist skaltu velja Sýna síðu Heimild . Þú getur einnig notað eftirfarandi flýtileið í staðinn: COMMAND + Valkostur + U.
Opera
Keyrir á: Linux, MacOS, Windows
Til að skoða kóðann frá virku vefsíðu í óperu vafranum skaltu nota eftirfarandi flýtileið: CTRL + U ( COMMAND + OPTION + U á macOS). Ef þú vilt frekar að hlaða upp uppsprettunni í núverandi flipi skaltu slá inn eftirfarandi texta vinstra megin við slóð síðunnar innan viðtakaslánsins og ýttu á Enter : view-source: (þ.e. skoða-uppspretta: https: // www. ).
Skjáborðsútgáfan af Opera leyfir þér einnig að skoða HTML-uppspretta, CSS og aðra þætti með því að nota samþætt verkfæri verktakanna . Til að ræsa þetta tengi, sem sjálfgefið birtist hægra megin meginvafra gluggans, ýttu á eftirfarandi flýtileið: CTRL + SHIFT + I ( COMMAND + Valkostur + ég á macOS).
Uppbyggingartól Opera er einnig aðgengileg með því að taka eftirfarandi skref.
- Smelltu á óperuhópinn, sem staðsett er efst í vinstra horninu í vafranum þínum.
- Þegar fellivalmyndin birtist skaltu sveima músarbendlinum yfir valkostinn Fleiri verkfæri .
- Smelltu á Show developer valmyndina .
- Smelltu á Opera merkið aftur.
- Þegar fellivalmyndin birtist skaltu sveima bendilinn yfir forritara .
- Þegar undirvalmyndin birtist skaltu smella á hönnunarverkfæri .
Vivaldi
Það eru margar leiðir til að skoða síðu uppspretta í Vivaldi vafranum. Einfaldasta er með CTRL + U lyklaborðinu, sem sýnir kóða frá virku síðunni í nýjum flipa.
Þú getur einnig bætt við eftirfarandi texta að framan við vefslóð síðunnar, sem birtir kóðann í núverandi flipa: skoða-uppspretta:. Dæmi um þetta væri skoðunar-uppspretta: http: // www. .
Önnur aðferð er í gegnum samþættar verkfæri verktakans, sem er aðgengileg með því að ýta á CTRL + SHIFT + I samsetninguna eða í gegnum valmyndarhönnuður í valmynd Verkfæri vafrans - finnst með því að smella á 'V' merkið efst í vinstra horninu. Notkun dev tólin gerir ráð fyrir miklu dýpri greiningu á uppsprettu síðunnar.