Conas Féach Cód Foinse Gréasáin Gréasáin i ngach Brabhsálaí

Tá an leathanach gréasáin atá á léamh déanta suas, i measc rudaí eile, cód foinse. Sin an fhaisnéis atá le do íoslódálacha do bhrabhsálaí gréasáin agus cuireann sé isteach ar an méid atá á léamh agat anois.

Cuireann an chuid is mó de na brabhsálaithe gréasáin an cumas cód foinse leathanach gréasáin a fheiceáil gan aon bhogearra breise a bheith ag teastáil, is cuma cén cineál feiste atá agat.

Tairgeann cuid acu fiú feidhmiúlacht agus struchtúr chun cinn, rud a fhágann go bhfuil sé níos éasca dul i ngleic le HTML agus cód cláir eile ar an leathanach.

Cén fáth ar mhaith leat an Cód Foinse a fheiceáil?

Tá roinnt cúiseanna ann gur mhaith leat cód foinse leathanach a fheiceáil. Má tá tú mar fhorbróir gréasáin, b'fhéidir gur mhaith leat a dhéanamh faoi na clúdaigh ag stíl nó cur i bhfeidhm an chláiritheora eile. B'fhéidir go bhfuil tú i ndearbhú cáilíochta agus go bhfuil tú ag iarraidh a fháil amach cén fáth go bhfuil cuid áirithe de leathanach gréasáin ag déanamh nó ag iompar an chaoi a bhfuil sé.

D'fhéadfá a bheith ina thosaitheoirí freisin ag iarraidh a fháil amach conas do chuid leathanaigh féin a chódáil agus tá roinnt samplaí den domhan fíor á lorg agat. Ar ndóigh, is féidir nach dtéann tú isteach in aon cheann de na catagóirí seo agus go dteastaíonn uait foinse a fháil as fiosracht fhíor.

Tá liosta thíos le treoracha maidir le conas an cód foinse a fheiceáil i do bhrabhsálaí de rogha.

Google Chrome

Ag rith ar: Chrome OS, Linux, macOS, Windows

Cuireann an leagan deisce de Chrome trí mhodh éagsúla chun breathnú ar chód foinse leathanach, an chéad agus an ceann is simplí trí úsáid a bhaint as an aicearra méarchlár seo a leanas: CTRL + U ( COMMAND + OPTION + U ar macOS).

Nuair a chuirtear brúite air, osclaíonn an aicearra seo cluaisín bhrabhsálaí nua a thaispeánann HTML agus cód eile don leathanach gníomhach. Tá an fhoinse seo códchodraithe agus struchtúrtha ar bhealach a dhéanann sé níos simplí í a roinnt agus a fháil ar an méid atá á lorg agat. Is féidir leat a fháil ann freisin tríd an téacs seo a leanas a chur isteach i mbarra seoladh Chrome, ceangailte leis an taobh clé de URL an leathanaigh ghréasáin, agus an eochair Enter a bhualadh: foinse an fhógra: (.i., Foinse an fhógra: https: // www .).

Is é an tríú modh trí uirlisí forbróra Chrome, a chuireann ar chumas tú léim níos doimhne a dhéanamh i gcód an leathanaigh chomh maith le tweak it on-the-fly chun críocha tástála agus forbartha. Is féidir an comhéadan uirlisí forbróra a oscailt agus a dhúnadh trí úsáid a bhaint as an aicearra méarchlár seo: CTRL + SHIFT + I ( COMMAND + OPTION + I ar macOS). Is féidir leat iad a sheoladh freisin tríd an mbealach seo a leanas a ghlacadh.

  1. Cliceáil ar an gcnaipe roghchlár príomhshrutha de Chrome, atá suite sa chúinne uachtarach ar dheis agus a léiríonn trí photaí aingealaithe go hingearach.
  2. Nuair a thagann an roghchlár anuas, cluaisear do chúrsóir luch thar an rogha uirlisí Níos mó .
  3. Nuair a chuma an fho-roghchlár, cliceáil ar uirlisí Forbróirí .

Android
Tá an fhoinse ag breathnú ar fhoinse leathanach gréasáin i Chrome le haghaidh Android chomh simplí agus ag cur an téacs seo a leanas ar aghaidh os comhair a sheoladh (nó URL) agus é a chur isteach: foinse na foinse:. Sampla de seo a bheadh ​​ina bhfoinse féachana: https: // www. . Cuirfear HTML agus cód eile ón leathanach atá i gceist ar taispeáint láithreach sa fhuinneog gníomhach.

iOS
Cé nach bhfuil aon mhodhanna dúchais ann chun féachaint ar chód foinse ag baint úsáide as Chrome ar do iPad, iPhone nó iPod, is é is simplí agus is éifeachtaí ná réiteach tríú páirtí a úsáid, mar shampla an app Source Source.

Ar fáil le haghaidh $ 0.99 san App Store, cuireann Amharc Foinse le do thoil dul isteach ar URL an leathanaigh (nó cóipeáil / greamaigh sé ó bharra seoladh Chrome, agus is minic is é an bealach is simplí é a ghlacadh) agus é sin. Chomh maith le HTML agus cód foinse eile a léiriú, tá tabs ag an app freisin a thaispeánann sócmhainní leathanach aonair, an Samhail um Chosaint Doiciméid (DOM), chomh maith le méid an leathanaigh, fianáin agus sonraí suimiúla eile.

Microsoft Edge

Ag rith ar: Windows

Ligeann an bhrabhsálaí Edge leat an cód foinse reatha de chuid an leathanaigh reatha a fheiceáil, a anailísiú agus a ionramháil trína chomhéadan Uirlisí Forbróirí . Chun rochtain a fháil ar an uirlisí áisiúil seo is féidir leat ceann de na haarchairir méarchlár seo a úsáid: F12CTRL + U. Más fearr leat an luch ina ionad sin, cliceáil ar an gcnaipe roghchlár Edge (trí phointe atá suite sa chúinne uachtarach ar dheis) agus roghnaigh an rogha uirlisí d'Fhorbróir F12 ón liosta.

Tar éis na huirlisí dev a reáchtáil den chéad uair, cuireann Edge dhá rogha bhreise le comhthéacs roghchlár an bhrabhsálaí (inrochtana trí chliceáil ar dheis in áit ar bith laistigh de leathanach gréasáin): Inspect element and View source , an dara ceann a osclaíonn an chuid dífhabhtóra den dev comhéadan uirlisí daonra le cód foinse.

Mozilla firefox

Ag rith ar: Linux, macOS, Windows

Chun cód foinse leathanach a fheiceáil i leagan deisce Firefox, is féidir leat CTRL + U ( COMMAND + U ar macOS) a bhrú ar do mhéarchlár, rud a oscailt cluaisín nua ina bhfuil HTML agus cód eile don leathanach gréasáin gníomhach.

Cuirfidh an téacs seo a leanas isteach i mbarra seoladh Firefox, go díreach ar chlé URL an leathanaigh, go mbeidh an fhoinse céanna le feiceáil sa chluaisín láithreach ina ionad sin: foinse an fhógra: (.i., Foinse an fhógra: https: // www.) .

Is bealach eile chun rochtain a fháil ar chód foinse an leathanaigh trí uirlisí forbróra Firefox, atá inrochtana trí na céimeanna seo a leanas a dhéanamh.

  1. Cliceáil ar an gcnaipe príomh-roghchláir, atá suite i gcúinne uachtarach na láimhe deise d'fhuinneog do bhrabhsálaí agus a léiríonn trí líne chothrománacha.
  2. Nuair a chuma an roghchlár pop-out, cliceáil ar an deilbhín "eochair" an Fhorbróra .
  3. Ba cheart go mbeadh an roghchlár comhthéacs Forbróirí Gréasáin le feiceáil anois. Roghnaigh an rogha Foinse Leathanach .

Ligeann Firefox leat an cód foinse a fheiceáil le haghaidh cuid áirithe de leathanach, rud a fhágann go bhfuil sé éasca ceisteanna a shainiú. Chun é sin a dhéanamh, an chéad áit a bhfuil suim agat i do luch a tharraingt siar. Ansin, cliceáil ar dheis agus roghnaigh Foinse Roghnaithe Féach ó roghchlár comhthéacs an bhrabhsálaí.

Android
Is féidir teacht ar chód foinse sa leagan Android de Firefox trí URL a chur roimh URL na leathanach seo leis an téacs seo a leanas: foinse:. Mar shampla, chun féachaint ar an bhfoinse HTML d'fhéadfá an téacs seo a leanas a chur isteach i mbarra seoladh an bhrabhsálaí: foinse na foinse: https: // www. .

iOS
Is é ár modh molta chun breathnú ar an gcód foinse leathanach gréasáin ar do iPad, iPhone nó iPod teagmháil tríd an app View Source, atá ar fáil san App Store ar $ 0.99. Cé nach bhfuil sé comhtháite go díreach le Firefox, is féidir leat URL a chóipeáil agus a ghreamú go héasca ón bhrabhsálaí isteach sa app chun an HTML agus an cód eile a bhaineann leis an leathanach atá i gceist a nochtadh.

Apple Safari

Ag rith ar iOS agus macOS

iOS
Cé nach n-áireofaí Safari do iOS an cumas chun foinse na leathanach a mhainneachtain de réir réamhshocraithe, cuireann an brabhsálaí an t-iarratas ar an bhFoinse View a chomhtháthú go simplí - ar fáil san App Store ar $ 0.99.

Tar éis an t-iarratas tríú páirtí seo a shuiteáil ar ais chuig an bhrabhsálaí Safari agus téigh ar an gcnaipe Comhroinn, atá suite ar bun an scáileáin agus a bhfuil ionadaíocht ag cearnóg agus saighead suas. Ba cheart go mbeadh an Leabhrán Comhroinn iOS le feiceáil anois, ag cur an leath is ísle de do fhuinneog Safari ar an taobh istigh. Scrollaigh ar dheis agus roghnaigh an cnaipe Foinse View .

Ba cheart léiriú struchtúrtha dathaithe de chód foinse an leathanaigh ghníomhach a thaispeáint anois, chomh maith le cluaisíní eile a ligeann duit sócmhainní, scripteanna agus níos mó a fheiceáil.

macOS
Chun cód foinse leathanach a fheiceáil i leagan deisce Safari, ní mór duit an roghchlár Forbartha a chur ar chumas an chéad uair. Cabhraíonn na céimeanna thíos tú tríd an roghchlár seo i bhfolach a ghníomhachtú agus foinse HTML leathanach a thaispeáint.

  1. Cliceáil ar Safari sa roghchlár brabhsálaí, atá suite ar bharr an scáileáin.
  2. Nuair a thagann an roghchlár anuas, roghnaigh an rogha Roghanna .
  3. Ba cheart go mbeadh Roghanna Safari le feiceáil anois. Cliceáil ar an deilbhín Casta , atá suite ar thaobh an láimh dheis den tsraith barr.
  4. I dtreo bun an Ardleibhéil, roghnaítear an roghchlár Show Develop lipéadaithe sa bharra roghchláir , agus tá bosca seiceála folamh in éineacht leis. Cliceáil ar an mbosca seo uair amháin chun seic a chur ann, agus an fhuinneog Roghanna a dhúnadh trí chliceáil ar an 'x' dearg a fuarthas sa chúinne uachtarach ar chlé.
  5. Cliceáil ar an roghchlár Forbartha , atá suite ar bharr an scáileáin.
  6. Nuair a thagann an roghchlár anuas, roghnaigh Foinse na Leathanach Taispeáin . Is féidir leat an aicearra méarchlár seo a leanas a úsáid ina ionad seo: COMMAND + OPTION + U.

Opera

Ag rith ar: Linux, macOS, Windows

Chun an cód foinse a fheiceáil ón leathanach gréasáin gníomhach i mbrabhsálaí Opera, bain úsáid as an aicearra méarchlár seo a leanas: CTRL + U ( COMMAND + OPTION + U ar macOS). Más fearr leat an fhoinse a luchtú sa chluaisín láithreach, clóscríobh an téacs seo a leanas ar chlé URL an leathanaigh laistigh den bharra seoladh agus brúigh Iontráil : foinse an fhógra: (.i., Foinse an fhógra: https: // www. ).

Ceadaíonn an leagan deisce de Opera freisin leat féachaint ar fhoinse HTML, CSS agus eilimintí eile trí úsáid a bhaint as a uirlisí forbróra comhtháite. Chun an comhéadan seo a sheoladh, a bheidh le feiceáil ar thaobh na láimhe deise de d'fhuinneog príomhbhrabhsálaí de réir réamhshocraithe, brúigh an aicearra méarchlár seo a leanas: CTRL + SHIFT + I ( COMMAND + OPTION + I ar macOS).

Tá rochtain ar uirlisí forbróra Opera chomh maith trí na céimeanna seo a leanas a dhéanamh.

  1. Cliceáil ar an lógó Opera, atá suite sa chúinne uachtarach ar chlé d'fhuinneog do bhrabhsálaí.
  2. Nuair a fheictear an roghchlár anuas, clúdaigh do chúrsóir luch thar an rogha uirlisí Níos mó .
  3. Cliceáil ar an roghchlár forbróir Taispeáin .
  4. Cliceáil ar an lógó Opera arís.
  5. Nuair a thagann an roghchlár anuas, cláraigh do chúrsóir os cionn an Fhorbróra .
  6. Nuair a chuma an fho-roghchlár, cliceáil ar Uirlisí Forbróirí .

Vivaldi

Tá bealaí éagsúla ann chun amharc ar fhoinse na leathanach laistigh de bhrabhsálaí Vivaldi. Is é an bealach is simplí tríd an aicearra méarchlár CTRL + U , a chuireann cód ón leathanach gníomhach i gcláir nua.

Is féidir leat an téacs seo a leanas a chur chomh maith le tosaigh URL an leathanaigh, a thaispeánann an cód foinse sa chluaisín láithreach: foinse faire:. Sampla de seo a bheadh ​​ina bhfoinse féachana: http: // www. .

Is modh eile é trí uirlisí comhtháite an bhrabhsálaí, atá inrochtana trí bhrú ar an teaglaim CTRL + SHIFT + I nó tríd an rogha Uirlisí Forbróra i roghchlár Uirlisí an bhrabhsálaí - le fáil trí chliceáil ar an lógó 'V' sa chúinne uachtarach ar chlé. Trí úsáid a bhaint as na huirlisí dev déantar anailís níos doimhne ar fhoinse an leathanaigh.