Jinsi ya Kuangalia Chanzo Kanuni ya Mtandao Ukurasa katika Kila Kivinjari

Ukurasa wa wavuti unayosoma unaundwa, kati ya mambo mengine, msimbo wa chanzo. Hiyo ni habari ya kivinjari chako cha kivinjari na kinatafsiri katika kile unachosoma hivi sasa.

Vinjari zaidi vya wavuti hutoa uwezo wa kuona kificho cha ukurasa wa wavuti bila programu ya ziada inayohitajika, bila kujali ni aina gani ya kifaa uliyoishi.

Baadhi hata hutoa utendaji na muundo wa juu, na iwe rahisi iwezekanavyo kutumia HTML na kanuni nyingine za programu kwenye ukurasa.

Kwa nini unataka kuona kanuni ya chanzo?

Kuna sababu kadhaa ambazo ungependa kuona msimbo wa chanzo cha ukurasa. Ikiwa wewe ni mtengenezaji wa wavuti, labda ungependa kuchukua peek chini ya vifuniko kwenye mtindo mwingine wa programu au utekelezaji. Labda wewe ni uhakikisho wa ubora na unajaribu kuthibitisha kwa nini sehemu fulani ya ukurasa wa wavuti hutoa au kutenda jinsi ilivyo.

Unaweza pia kuwa mwanzoni anajaribu kujifunza jinsi ya kuandika kurasa zako mwenyewe na unatafuta mifano halisi ya ulimwengu. Bila shaka, inawezekana kwamba usiingie katika makundi haya na unataka tu kuona chanzo nje ya udadisi mkubwa.

Imeorodheshwa hapa chini ni maelekezo ya jinsi ya kuona msimbo wa chanzo katika kivinjari chako cha chaguo.

Google Chrome

Inaendesha juu: Chrome OS, Linux, MacOS, Windows

Toleo la desktop la Chrome hutoa mbinu tatu tofauti za kutazama msimbo wa chanzo cha ukurasa, kwanza na rahisi zaidi kwa kutumia njia ya mkato ifuatayo: CTRL + U ( COMMAND + OPTION + U kwenye macOS).

Wakati wa kushinikiza, mkato huu unafungua kichupo kipya cha kivinjari kinachoonyesha HTML na msimbo mwingine kwa ukurasa wa kazi. Chanzo hiki ni rangi-coded na muundo kwa njia ambayo inafanya kuwa rahisi kwa compartmentalize na kupata nini unatafuta. Unaweza pia kufika huko kwa kuingiza maandishi yafuatayo kwenye bar ya anwani ya Chrome, imeongezwa upande wa kushoto wa URL ya ukurasa wa wavuti, na kupiga kitufe cha Kuingiza : chanzo cha maoni: (yaani, chanzo cha maoni: https: // www .).

Njia ya tatu ni kupitia zana za msanidi programu ya Chrome, ambayo inakuwezesha kupiga mbizi zaidi kwenye kificho cha ukurasa na pia kuifanya kwa kuruka kwa madhumuni ya kupima na maendeleo. Programu ya zana ya programu ya kufungua inaweza kufunguliwa na kufungwa kwa kutumia njia ya mkato huu: CTRL + SHIFT + I ( COMMAND + OPTION + I kwenye macOS). Unaweza pia kuzindua kwa kuchukua njia inayofuata.

  1. Bofya kwenye kifungo cha menu kuu ya Chrome, kilicho katika kona ya juu ya mkono wa kuume na kinachotumiwa na dots tatu zilizokaa karibu.
  2. Wakati orodha ya kushuka inavyoonekana, hover cursor yako ya mouse juu ya Chaguo zaidi cha zana .
  3. Wakati orodha ndogo inaonekana, bofya kwenye zana za Wasanidi Programu .

Android
Kuangalia chanzo cha ukurasa wa wavuti kwenye Chrome kwa Android ni rahisi kama kuendeleza maandishi yafuatayo mbele ya anwani yake (au URL) na kuiwasilisha: chanzo cha mtazamo:. Mfano wa hii itakuwa chanzo cha maoni: https: // www. . HTML na msimbo mwingine kutoka kwa ukurasa unaojibiwa utaonyeshwa mara moja katika dirisha la kazi.

iOS
Ingawa hakuna mbinu za asili za kutazama msimbo wa chanzo kutumia Chrome kwenye iPad yako, iPhone au iPod kugusa, rahisi na yenye ufanisi zaidi ni kutumia suluhisho la tatu kama vile programu ya View Source.

Inapatikana kwa $ 0.99 katika Hifadhi ya Programu, Angalia Chanzo kinakuhimiza kuingia URL ya ukurasa (au nakala / kuifunga kutoka kwenye anwani ya anwani ya Chrome, ambayo wakati mwingine ni njia rahisi zaidi ya kuchukua) na ndivyo. Mbali na kuonyesha HTML na msimbo mwingine wa chanzo, programu pia ina vichupo vinavyoonyesha mali ya ukurasa mmoja, Document Object Model (DOM), pamoja na ukubwa wa ukurasa, biskuti na maelezo mengine ya kuvutia.

Microsoft Edge

Inaendesha juu: Windows

Kivinjari cha Edge kinakuwezesha kuona, kuchambua na hata kuendesha msimbo wa chanzo cha ukurasa wa sasa kwa njia ya interface ya Wasanidi Programu . Ili kufikia toolset hii yenye manufaa unaweza kutumia mojawapo ya njia za mkato hizi: F12 au CTRL + U. Ikiwa ungependa panya badala yake, bofya kifungo cha menu ya Edge (dots tatu ziko kwenye kona ya juu ya mkono wa kuume) na chagua chaguo la F12 za Vyombo vya Wasanidi kutoka kwenye orodha.

Baada ya zana za dev zinaendeshwa kwa mara ya kwanza, Edge anaongeza chaguo mbili za ziada kwenye orodha ya kivinjari cha kivinjari (kupatikana kwa kubonyeza haki popote ndani ya ukurasa wa wavuti): Angalia kipengele na Angalia chanzo , mwisho unaofungua sehemu ya Debugger ya dev zana ya zana iliyo na msimbo wa chanzo.

Firefox ya Mozilla

Inaendesha juu: Linux, MacOS, Windows

Kuangalia msimbo wa chanzo cha ukurasa kwenye toleo la desktop la Firefox unaweza bonyeza CTRL + U ( COMMAND + U kwenye macOS) kwenye kibodi yako, ambayo itafungua tab mpya iliyo na HTML na msimbo mwingine wa ukurasa wa kazi wa wavuti.

Kuandika safu zifuatazo kwenye bar ya anwani ya Firefox, moja kwa moja kwa upande wa kushoto wa URL ya ukurasa, itasababisha chanzo hicho kuonyeshwa kwenye kichupo cha sasa badala: chanzo cha mtazamo: (yaani, chanzo cha mtazamo: https: // www.) .

Njia nyingine ya kufikia msimbo wa chanzo cha ukurasa ni kupitia zana za msanidi wa Firefox, zinazoweza kupatikana kwa kuchukua hatua zifuatazo.

  1. Bofya kwenye kifungo cha orodha kuu, kilicho katika kona ya juu ya mkono wa kulia wa kivinjari chako cha kivinjari na kilichowakilishwa na mistari mitatu ya usawa.
  2. Wakati orodha ya pop inaonekana, bofya kwenye icon ya Wasanidi programu "wrench".
  3. Menyu ya mazingira ya Msanidi Programu lazima iwe sasa. Chagua Chaguo la Chanzo .

Firefox pia inakuwezesha kutazama msimbo wa chanzo kwa sehemu fulani ya ukurasa, na kuifanya iwe rahisi kuwatenga masuala. Kwa kufanya hivyo, kwanza onyesha eneo ambalo unapenda na mouse yako. Kisha, bonyeza-click na uchague Chanzo cha Uchaguzi kutoka kwenye orodha ya kivinjari cha kivinjari.

Android
Kuangalia msimbo wa chanzo katika toleo la Android la Firefox inafanikiwa kwa kuanzisha URL ya ukurasa wa wavuti na maandishi yafuatayo: chanzo cha mtazamo:. Kwa mfano, ili kuona chanzo cha HTML ambacho ungependa kuwasilisha maandishi yaliyofuata kwenye bar ya anwani ya kivinjari: chanzo cha mtazamo: https: // www. .

iOS
Njia yetu iliyopendekezwa ya kutazama msimbo wa chanzo cha wavuti kwenye iPad yako, iPhone au iPod kugusa ni kupitia Programu ya Chanzo, inapatikana kwenye Duka la App kwa $ 0.99. Ingawa sio moja kwa moja kwa moja kwa moja na Firefox, unaweza kusajili urahisi na kushikilia URL kutoka kwa kivinjari hadi kwenye programu ili kufungua HTML na msimbo mwingine unaohusishwa na ukurasa unaohusika.

Apple Safari

Inaendesha kwenye iOS na macOS

iOS
Ingawa Safari kwa iOS haijumuishi uwezo wa kutazama chanzo cha ukurasa kwa chaguo-msingi, kivinjari kinaunganisha badala ya seamlessly na programu ya Chanzo cha Mtazamo - inapatikana kwenye Duka la App kwa $ 0.99.

Baada ya kufunga programu hii ya tatu ya kurudi kwenye kivinjari cha Safari na piga kwenye kitufe cha Shiriki, kilicho chini ya skrini na ikionyeshwa na mraba na mshale wa juu. Karatasi ya Shirikisho la IOS linapaswa sasa kuonekana, likifunika juu ya nusu ya chini ya dirisha lako la Safari. Nenda kwa haki na chagua Kitufe Chanzo cha Chanzo .

Uthibitishaji wa rangi, uwakilishi wa msimbo wa chanzo cha ukurasa lazima uonyeshe, pamoja na tabo zingine zinazokuwezesha kuona mali za ukurasa, scripts na zaidi.

MacOS
Kuangalia msimbo wa chanzo wa ukurasa katika toleo la desktop la Safari, kwanza unahitaji kuwezesha orodha ya Kuendeleza . Hatua zifuatazo zikutembea kwa kuanzisha orodha hii iliyofichwa na kuonyesha chanzo cha ukurasa wa HTML.

  1. Bofya kwenye safari kwenye menyu ya kivinjari, iliyopo juu ya skrini.
  2. Wakati orodha ya kushuka inavyoonekana, chagua Chaguo la Mapendekezo .
  3. Mapendeleo ya Safari lazima sasa yawe wazi. Bofya kwenye ishara ya juu , iko upande wa kushoto wa mstari wa juu.
  4. Kwa chini ya sehemu ya Advanced ni chaguo iliyoonyeshwa Onyesha Kuendeleza menyu kwenye bar ya menyu , ikifuatana na sanduku la kuangalia tupu. Bofya kwenye sanduku hili mara moja kuweka alama ya hundi ndani yake, na funga dirisha la Mapendekezo kwa kubonyeza 'x' nyekundu iliyopatikana kona ya juu ya kushoto.
  5. Bofya kwenye orodha ya Kuendeleza , iliyoko juu ya skrini.
  6. Wakati orodha ya kushuka inavyoonekana, chagua Chagua Chanzo cha Ukurasa . Unaweza pia kutumia mkato wa kifuatao wafuatayo badala ya: COMMAND + OPTION + U.

Opera

Inaendesha juu: Linux, MacOS, Windows

Kuangalia msimbo wa chanzo kutoka kwa ukurasa wa kazi wa kazi katika kivinjari cha Opera tumia njia ya mkato ifuatayo: CTRL + U ( COMMAND + OPTION + U kwenye macOS). Ikiwa ungependa kupakia chanzo kwenye kichupo cha sasa badala, funga maandishi yafuatayo kwa upande wa kushoto wa URL ya ukurasa ndani ya bar ya anwani na hit Enter : source-view: (yaani, chanzo cha maoni: https: // www. ).

Toleo la desktop la Opera pia linakuwezesha kuona chanzo cha HTML, CSS na vipengele vingine kwa kutumia vifaa vyake vilivyounganishwa na waendelezaji . Ili kuzindua interface hii, ambayo kwa default itatokea upande wa kulia wa kivinjari chako kikuu cha kivinjari, chagua mkato wa kifuatao wafuatayo: CTRL + SHIFT + I ( COMMAND + OPTION + I kwenye macOS).

Chombo cha programu ya developer kinaweza kupatikana kwa kuchukua hatua zifuatazo.

  1. Bofya kwenye alama ya Opera, iliyoko kona ya juu ya kushoto ya kivinjari chako cha kivinjari.
  2. Wakati orodha ya kushuka inavyoonekana, hover cursor yako ya mouse juu ya Chaguo zaidi cha zana .
  3. Bonyeza Onyesha orodha ya msanidi programu .
  4. Bofya kwenye alama ya Opera tena.
  5. Wakati orodha ya kushuka inavyoonekana, piga mshale wako juu ya Wasanidi programu .
  6. Wakati orodha ndogo inaonekana, bofya Vyombo vya Wasanidi Programu .

Vivaldi

Kuna njia nyingi za kutazama chanzo cha ukurasa ndani ya kivinjari cha Vivaldi. Rahisi ni kupitia njia ya mkato ya CTRL + U , ambayo inatoa msimbo kutoka kwa ukurasa uliohusika katika kichupo kipya.

Unaweza pia kuongeza maandishi yafuatayo mbele ya URL ya ukurasa, ambayo inaonyesha msimbo wa chanzo katika kichupo cha sasa: chanzo cha mtazamo:. Mfano wa hii itakuwa chanzo cha maoni: http: // www. .

Njia nyingine ni kupitia zana za msanidi jumuishi wa kivinjari, zinazoweza kupatikana kwa kuunganisha chaguo la CTRL + SHIFT + au kupitia chaguo la Vyombo vya Wasanidi programu kwenye orodha ya Vyombo vya kivinjari - kupatikana kwa kubonyeza alama ya 'V' kwenye kona ya juu ya kushoto. Kutumia zana za dev inaruhusu uchambuzi wa kina zaidi wa chanzo cha ukurasa.