Jinsi ya kutazama msimbo wa ukurasa katika Chrome. Jinsi ya kutazama msimbo wa chanzo wa ukurasa katika Google Chrome

Kwa muda mrefu, chaguo la "chanzo cha ukurasa wa kuonyesha" halikuwa na maana na lisilovutia kwangu. Kufikia sasa, kujifunza HTML kwenye Codecademy na kubuni tovuti zangu mwenyewe hakujakua kuwa hobby yangu mpya. Hapa ndipo swali lilipotokea: wapi kupata kesi halisi na kukopa ufumbuzi wa kuvutia kwa "benki yako ya nguruwe"? Jibu lilikuwa rahisi bila kutarajia, kama vitu vyote vya busara: angalia msimbo wa chanzo wa ukurasa kwenye Google Chrome! Ninashiriki nawe matokeo yangu ya kawaida.

Msimbo wa chanzo cha ukurasa ni nini

Ikiwa wewe, kama mimi, unachukua hatua zako za kwanza tu katika upangaji wa HTML, lingekuwa wazo nzuri kujua msimbo wa chanzo wa ukurasa ni nini.

Msimbo wa chanzo, unaojulikana pia kama msimbo wa ukurasa wa HTML, ni maandishi katika Lugha ya Alama ya Maandishi ya Hyper (HTML). Inajumuisha maudhui halisi ya ukurasa (maandishi, majedwali) na vitambulisho. Mwisho hufanya kama maagizo kwa kivinjari: jinsi ya kuonyesha yaliyomo, ni aina gani ya umbizo la kutumia, wapi kuingiza hyperlink au faili ya media. Kweli, kwetu sisi, waandaaji wa programu za novice, msimbo wa chanzo ndio uwanja bora wa mafunzo: tunapata tovuti ya kupendeza na kuipeleleza, kuihifadhi, na kutumia vipande vilivyofanikiwa. Vipi?

Jinsi ya kutazama msimbo wa chanzo katika ukurasa wa kivinjari cha Google Chrome

Tafuta ukurasa unaopenda. Kwa mfano, nilivutiwa na muundo wa menyu ya tovuti. Kuna njia tatu za kufungua msimbo wa chanzo katika kivinjari cha Google Chrome:

Bofya kwenye ikoni menyu kwenye kona ya juu ya kulia ya kivinjari na uchague "Zana zaidi". Miongoni mwa wengine, kuna chaguo "Angalia msimbo wa chanzo". Kwa kweli, mimi hutumia njia hii mara chache: kuna harakati nyingi zisizo za lazima. Inaweza kufanywa hata rahisi zaidi.
Bonyeza mchanganyiko muhimu Ctrl+U- dirisha jipya na msimbo wa chanzo hufungua;
Kwa mashabiki wa menyu ya muktadha: bonyeza-click kwenye ukurasa na uchague chaguo la "Angalia msimbo wa ukurasa".

Tulikabiliana na kazi ya kutazama msimbo wa HTML wa ukurasa kwenye kivinjari. Wacha tuendelee kwenye hatua ya kuvutia zaidi.

Jinsi ya kuhariri na kuhifadhi msimbo wa chanzo

Ili kujifunza jinsi ya kuunda tovuti, haitoshi kusoma msimbo wa HTML wa mtu mwingine. Unahitaji kucheza nayo, jaribu, fanya mabadiliko na uangalie matokeo. Unaweza hata kuanza kwa kuandaa sampuli chache zilizofaulu. Jinsi ya kuhariri na kuhifadhi msimbo wa chanzo?

Chaguo 1. "Kwa mikono"

Baada ya kufungua msimbo wa chanzo wa ukurasa, piga orodha ya muktadha na uchague chaguo la "Hifadhi Kama" na uhifadhi faili kwenye diski yako ngumu. Tunahariri faili katika Notepad au Notepad, kuhifadhi mabadiliko na kuifungua kupitia kivinjari. Matokeo ya mabadiliko yetu (yamefanikiwa na hayajafanikiwa sana) yataonyeshwa kwenye dirisha la kivinjari.

Chaguo 2. Kwa faida

Unapo "cheza" na msimbo wa chanzo kila siku, mchakato wa "hifadhi - fungua - badilisha - hifadhi - angalia" unakuwa wa kuchosha. Kwa mimi mwenyewe, nilipata suluhisho katika mfumo wa kusanikisha programu-jalizi ya Google Chrome - Firebug Lite. Inakuruhusu kuhariri na kuhifadhi msimbo wa chanzo bila kuacha dirisha la kivinjari.

kura 1

Siku njema, wasomaji wapenzi wa blogi yangu. Wakati mwingine hupata kipengele kizuri kwenye tovuti na kuanza kushangaa jinsi muumbaji alipata athari hiyo ya kuvutia.

Inageuka kuwa jibu ni rahisi sana. Na ikiwa una ujuzi fulani, unaweza kukusanya mengi ya vipengele hivi na kuunda tovuti yako ya kipekee kwa muda mfupi.

Leo tutazungumzia jinsi ya kufungua msimbo wa ukurasa, kipengele fulani, na kujifunza jinsi ya kutumia ujuzi huu kwa manufaa yako.

Maarifa ya msingi ya kanuni

Tovuti yangu imekusudiwa wanaoanza na kwanza ningependa kuzungumza kwa ufupi kuhusu tovuti na msimbo kwa ujumla.

Ili kuchora picha, kisha uikate katika sehemu ndogo, andika msimbo ili kivinjari kikiunganisha vipengele vyote kwa ujumla. Je! kila kitu kinaonekana kuwa ngumu sana? Sio kabisa, na hakuna maana katika kuhuzunika juu yake.

Hivi ndivyo tovuti za ubora wa juu zinaundwa. Ikiwa unataka, jihusishe na jambo hili na ujifunze; ikiwa hutaki, hakuna mtu anayeweza kukulazimisha.

Nitasema jambo moja tu ... hakuna kitu cha kupendeza zaidi kuliko kuona jinsi maneno yasiyoeleweka uliyoandika yanabadilishwa kuwa moja na kuwa hai: viungo hufanya kazi, vifungo vinavyotembea, picha zinasonga, kutambaa kwa maandishi. Nadhani najua jinsi Victor Frankenstein alihisi.

Unapoanza kuelewa lugha ya siri na kuona kwamba kila kitu ni rahisi zaidi kuliko ilivyoonekana hapo awali, huwezi kusaidia lakini kuamini katika uwezo wako mwenyewe na uwezo wa ubongo. Hii ni poa sana.

Je, tovuti zinatengenezwaje? Kimsingi, kwanza. Anachora picha tu. Kwa mfano, kama inavyoonekana kwenye picha hapa chini. Kwa sasa ni picha tu, picha. Hakuna viungo vinavyofanya kazi, unapobofya huendi popote, hakuna utafutaji unaofanywa.

Kulingana na mchoro huu. Tazama picha ya skrini hapa chini. Unaweza kufikiria kuwa hii ni seti ya ujinga na ngumu sana ya alama. Kwa kweli, kila kitu sio ngumu sana, kuna algorithm fulani.

Kuna takriban vitambulisho 150 tu na kila mmoja wao anajibika kwa hatua maalum: kiungo, hyphenation, ujasiri, rangi, kichwa, na kadhalika. Kuwaelewa sio ngumu sana ikiwa una hamu na usijali wakati.

Shukrani kwa ujuzi wa sifa hizi, unaweza kutatua karibu tatizo lolote. Lakini kila msanidi hutafuta njia zake za kufikia lengo.

Waumbaji wenye uzoefu mara moja huona jinsi ya kufikia matokeo, wakati wengine wanapaswa kufikiria, kutafuta jibu katika makala au katika msimbo wa chanzo wa washindani. Wanachukua tu sehemu muhimu kutoka kwa tovuti ya mtu wa tatu na kuihariri wao wenyewe. Hii inafupisha sana mchakato wa kazi.

Baadaye kidogo, nitakuonyesha mfano maalum.

Angalia msimbo

Kwa hivyo, wacha kwanza nikuonyeshe jinsi ya kutenda ikiwa unahitaji kujua html ya mtu mwingine. Kisha tutaangalia maswali mengine yote kwa undani zaidi.

Njia bora

Njia ambayo nitaelezea kwanza ni ngumu kidogo kwa Kompyuta, lakini kama utangulizi, isome. Fungua ukurasa na ubonyeze kitufe cha kulia cha panya. Chagua "Hifadhi kama..."

Hifadhi ukurasa mzima wa wavuti. Kama unavyoona kwenye skrini, tayari nimepakua kila kitu mapema. Hapa tuna folda mbili.

Kila kitu unachohitaji kiko hapa. Kila kipengele. Ikiwa unaelewa hili, unaweza kupata haraka kila kitu unachohitaji. Lakini kazi kama hiyo inazidi kuwa haiwezekani. Hakuna upakuaji. Nini cha kufanya ikiwa ni marufuku kunakili ukurasa?

Hii ni Google Chrome

Kama unavyoweza kuwa umegundua, mara nyingi mimi hutumia Google Chrome na kujifunza msimbo wa mtu mwingine kwenye kivinjari hiki ni rahisi kama kuweka pears. Kama kanuni na nyingine yoyote. Mpango huo hautakuwa sawa tu, lakini sawa. Fungua ukurasa ambao msimbo wake tunataka kujua na ubofye kulia mahali popote. Katika dirisha inayoonekana, bofya "Angalia msimbo wa ukurasa".

Karatasi ya nambari itafungua kwenye dirisha jipya, ambayo ni ngumu sana kwa anayeanza kuelewa. Lakini usiogope kabla ya wakati.

Ikiwa unahitaji kujua msimbo wa kipengele kimoja tu, weka juu yake na panya na ubofye-kulia. Chagua kazi nyingine ya Chrome: "Angalia msimbo wa kipengele".

Kwa mfano, ninaweza kupendezwa na jinsi nembo ilitengenezwa, kwa kutumia picha au lugha ya programu? Baada ya yote, unaweza kuchora mraba kwa kutumia CSS. Wataalamu wengi wanashauri kuandika habari nyingi iwezekanavyo katika kanuni. Wanafanyaje kazi kwenye tovuti maarufu?

Sasa habari muhimu imeonekana. html juu, css chini. Hizi ni lugha mbili. Ya kwanza inawajibika kwa sehemu ya maandishi, na ya pili kwa muundo. Ikiwa hakukuwa na CSS, basi ungelazimika kutaja rangi na saizi ya fonti kila wakati. Kwa kila ukurasa, hii ni ndefu sana. Lakini kama hakungekuwa na html, basi hatungekuwa na maandishi. Nilielezea kwa ukali, lakini kwa ujumla, ndivyo ilivyo.

Kwa njia, ikiwa una nia ya jinsi inavyofanya kazi hapa, unaweza kuangalia kiungo cha picha hapa chini. Hili hapa jibu lako.

Firefox ya Mozilla

Ikiwa ungependa kufanya kazi katika mastic, basi kila kitu kitakuwa sawa. Fungua ukurasa na ubonyeze kitufe cha kulia cha panya. "Msimbo wa chanzo cha ukurasa" ikiwa unataka kuona msimbo mzima.

Unapoelea juu ya kipengele, unaweza kufungua msimbo wake.

Hapa data inaonyeshwa chini ya skrini, lakini vinginevyo kila kitu ni sawa.

Kivinjari cha Yandex

Katika kivinjari cha Yandex, kila kitu ni sawa na katika chaguzi mbili zilizopita, fungua ukurasa, bonyeza-click, angalia msimbo wa ukurasa.

Tunaelea juu ya kielekezi ikiwa tunataka kujua msimbo wake haswa.

Kila kitu kinaonyeshwa hapa sawa kabisa na katika Chrome.

Opera

Na mwishowe, Opera.

Kwa njia, unaweza kuwa umeona kwamba huna kutumia panya. Kuna njia ya mkato ya kibodi ya haraka ya kufungua msimbo, na ni sawa kwa vivinjari vyote: CTRL+U.

Kwa vipengele: Ctrl+Shift+C.

Hivi ndivyo matokeo yanavyoonekana.

Hii itakuwa ya kuvutia kwa Kompyuta

Sasa angalia jinsi kila kitu kinavyofanya kazi. Unapata tovuti na unapenda sana kipengele fulani. Kwa mfano, hii. Tayari unajua jinsi ya kufungua msimbo wa kipengele.

Sasa nakala yake.

Ninatumia , kubandika nambari hii kwenye faili mpya ya html, kwenye tepe ya mwili (mwili kwa Kiingereza).

Sasa hebu tuone jinsi yote yataonekana kwenye kivinjari.

Tayari. Ili maandishi yapate kingo na kupata rangi ya kijani kibichi, unahitaji kuunganisha css kwenye hati hii na kunakili nambari nyingine kutoka kwa tovuti ambayo tulinakili hii.

Sitafanya hivi sasa. Hii inahitaji muda zaidi: wangu na wako. Nadhani nitaelezea maelezo yote katika machapisho yangu yajayo. Jiandikishe kwa jarida na uwe wa kwanza kujua makala inapotokea.

Ikiwa huwezi kustahimili, lakini unataka kujifunza zaidi kuhusu html na css sasa, basi ninaweza kukupendekezea kozi za mafunzo bila malipo.

Hapa kuna masomo 33 ambayo yatakuruhusu kujua html - "Kozi ya bure kwenye HTML" .

Na hapa kuna habari kamili kuhusu css - "Kozi ya bure kwenye CSS (masomo 45 ya video!)" .

Sasa unajua zaidi kidogo. Nakutakia mafanikio katika juhudi zako. Tuonane tena!

Waendelezaji wa kivinjari wametunza urahisi wa wale wanaounda tovuti zinazofungua katika vivinjari hivi sawa, yaani wasimamizi wa wavuti. Wameongeza zana za wasanidi programu kwa vipengele vya kawaida, ambavyo unaweza kufungua kwa urahisi na tazama msimbo wa chanzo wa ukurasa wa tovuti kwenye kivinjari: HTML, CSS, JavaScript (JS), pata data mbalimbali muhimu kuhusu muundo wa tovuti, kufanya uchambuzi wake wa kiufundi. Kwa ujumla, tazama mambo mengi muhimu.

Bila shaka, zana hizi hazitumiwi tu na waundaji wa tovuti kwa kazi, lakini pia na watumiaji wa kawaida, ambao msimbo wa chanzo huwawezesha kutazama data mbalimbali muhimu.

Kutoka kwa makala hii utajifunza jinsi ya kuona msimbo wa chanzo wa ukurasa wa tovuti katika kivinjari (jinsi ya kufungua HTML, CSS, JavaScript code ya tovuti).

Jinsi ya kufungua msimbo wa chanzo wa ukurasa kwenye kivinjari

Kuna njia mbili za kufungua msimbo wa chanzo wa ukurasa wa wavuti kwenye kivinjari:

Kutumia funguo za moto;
Fungua kutoka kwa menyu ya muktadha.

Ctrl+U- mchanganyiko wa hotkey ili kuona msimbo wa chanzo wa ukurasa mzima wa tovuti katika dirisha jipya tofauti. Kawaida kwa vivinjari vyote: Google Chrome, Opera, Mozilla Firefox, kivinjari cha Yandex, IE.

Unaweza pia kuingiza zana za msanidi kama ifuatavyo:

Ili kupata msimbo unaotaka, neno au maandishi kwenye ukurasa, unaweza kutumia mchanganyiko wa kawaida wa hotkey kwa vivinjari vyote: Ctrl + G.

Maagizo ya video:

Tazama msimbo wa kipengele | chunguza kipengele | Kagua kipengele

Ikiwa ghafla unahitaji kutazama sio msimbo mzima wa chanzo, lakini onyesha tu sehemu yake tofauti, eneo fulani kwenye ukurasa, basi chombo cha awali hakitafanya kazi. Kwa kusudi hili, zana za msanidi zina kazi nyingine, ambayo itajadiliwa hapa chini.

Jinsi ya kutazama nambari ya kitu kwenye ukurasa:

Unaweza pia kutumia mikato ya kibodi kufikia ukaguzi wa vipengele kwa haraka.

Vifungo vya moto (vifungo):

Google Chrome: Ctrl+Shift+I na Ctrl+Shift+C

Opera: Ctrl+Shift+I na Ctrl+Shift+C

Firefox ya Mozilla: Ctrl+Shift+I na Ctrl+Shift+C

Kivinjari cha Yandex: Ctrl+Shift+I na Ctrl+Shift+C

Baada ya hatua hizi, msimbo wa chanzo wa ukurasa wa wavuti utafunguliwa kwenye dirisha moja la kivinjari:

Msimbo wote wa HTML utakuwa kwenye safu kubwa ya kushoto. Na mitindo ya CSS iko upande wa kulia.

Faida ya njia hii, bila shaka, ni kwamba mtumiaji ana nafasi ya kubadilisha msimbo wa chanzo na kuhariri mitindo. Hiyo ni, unaweza kuhariri mitindo kwenye tovuti na kuona jinsi itakavyoonekana na mitindo fulani, bila kuwa na mara moja kufanya mabadiliko kwenye faili ziko kwenye seva za mwenyeji. Ili kubadilisha au kuongeza msimbo wa programu, unahitaji kubofya mara mbili kwenye kipande au eneo linalohitajika. Bila shaka, urekebishaji wa msimbo katika kivinjari hautafanywa kwenye seva za mwenyeji. Kwa hivyo, katika siku zijazo, kwa hali yoyote, itabidi kunakili nambari hii na kuiandika kwenye faili.

Maagizo haya ya video yanaelezea kwa undani na inaonyesha jinsi ya kufanya kazi na zana za msanidi:

Vivyo hivyo, mtandaoni tu, kwenye kivinjari chako, unaweza kuona msimbo wa chanzo wa ukurasa wa tovuti, kupata data ya msingi kuhusu msimbo wa HTML na CSS, ubadilishe na unakili, bila kulazimika kupakua faili za tovuti hii kwenye kompyuta yako. .

Kwa njia, watumiaji wa mtandao wasio na ujuzi ambao wamebadilisha msimbo wa ukurasa na wanatarajia kuokolewa watasikitishwa. Baada ya yote, baada ya kuburudisha ukurasa, mabadiliko yote juu yake yatatoweka. Hii haitoshi kudukua tovuti :)

Jinsi ya Kuangalia Msimbo wa Chanzo kwenye Simu ya Android

Ningependa pia kutambua kwamba zana za msanidi hazipatikani tu katika toleo la desktop la vivinjari, yaani, kwenye kompyuta na kompyuta. Kwenye simu na kompyuta kibao (Android, iOS) unaweza pia kutazama msimbo wa chanzo.

Ili kufanya hivyo, ongeza kiambishi awali cha chanzo cha mtazamo kwa URL ya ukurasa unaokaguliwa:

Kwa mfano:

view-source:https://site/turbo-rezhim-opera/

Kila mtumiaji wa mtandao ana tovuti zake anazopenda ambazo hutumia muda mrefu. Na wavivu tu hawakufikiria kutazama jinsi ilivyoumbwa na ni nini. Haiwezekani kujibu maswali haya yote, kwa kuwa kuna njia nyingi za kuunda tovuti, lakini kuangalia amri na kanuni zinazounda inawezekana na zinapatikana kwa umma kwa kila mtu.

Swali lingine ni ikiwa mtu ambaye hahusiki katika utayarishaji wa programu ataelewa alama zozote zinazounda msimbo. Lakini kutoka kwa mifano ambayo itatolewa hapa chini, mtumiaji yeyote wa Google Chrome ataweza kuona vipengele vya kibinafsi vya tovuti.

Jinsi ya kutazama msimbo wa chanzo wa ukurasa wa html kwenye kivinjari cha Google

Ili uweze kuona msimbo wa ukurasa katika Chrome, unahitaji kwenda kwenye tovuti unayopenda na utekeleze hatua zifuatazo:

Vitu hivi viwili vinatofautiana katika utendaji wao na habari kwa mtumiaji, programu au hacker.

Kuna tofauti gani kati ya msimbo wa ukurasa na amri tu ya "Angalia Msimbo"?

Kuchambua kila moja ya kazi hizi, unaweza kuandika nakala tofauti. Kwa waandaaji wa programu, tofauti hii ni muhimu na wanaelewa katika hali gani ni muhimu kutumia "Angalia Msimbo" na ambayo "Angalia Msimbo wa Ukurasa" kwenye kivinjari cha Google Chrome.

Lakini kuelezea kwa mtumiaji wastani, kazi hizi zinaweza kugawanywa katika madhumuni yafuatayo:

"Angalia Msimbo wa Ukurasa" ni muhimu tu kuona mchanganyiko kuu wa ukurasa. Kimsingi, hii ni muundo wa tovuti (bila mifano ya ziada kwa namna ya faili za CSS na nyongeza nyingine ambazo zinabaki kwenye folda ya muumbaji wa tovuti). Muundo huu haufai kwa kuunda ukurasa wako mwenyewe kwa "kubandika-nakala", lakini itakuruhusu kuona ni nini haswa mpangaji programu alifanya na katika mlolongo gani ili kuhakikisha kuwa tovuti kwenye kivinjari cha Google Chrome ilikuwa na muundo wa nje kama huo.
"Msimbo wa Tazama" unaonyesha muundo wa kina, unaoonyesha maeneo yote ambayo yanaathiriwa kwenye ukurasa. Ukielea juu ya msimbo maalum wa orodha, itaangazia kipengele kwenye tovuti ambayo ni yake.
Kuangalia msimbo wa ukurasa hufungua katika kivinjari tofauti bila uwezo wa kuihariri. Hiyo ni, inafaa tu kwa kunakili na kusoma msimbo wa tovuti. Lakini hii si chini ya kazi muhimu.
"Msimbo wa kutazama" unaweza kubadilishwa na unaweza kuhariri kipengele chochote kwa njia ambayo ni rahisi kwako. Bila shaka, mabadiliko haya yote "yataishi" hadi ukurasa utakaporudishwa, lakini wakati mwingine ni furaha kupitia mipangilio hiyo na kuelewa tu kwa nini hii au thamani hiyo inahitajika, na nini kitatokea ikiwa utaibadilisha. Haupaswi kudhani kuwa kwa vitendo kama hivyo utajidhuru mwenyewe au tovuti - mabadiliko haya yanaathiri tu msimbo wa Google Chrome yako na usiingie mtandaoni.

Tunazingatia swali la jinsi ya kutazama msimbo wa kipengele

Ikiwa tungejibu swali kama hilo, basi chaguo pekee ambalo linajipendekeza ni mfano. Kwa sababu katika makala moja ni vigumu sana kuwa mtu anayeelewa mada hii (msanidi wa wavuti), lakini kuonyesha kwa mfano ili swali litatuliwe ni rahisi zaidi.

Utendaji wa msimbo wa kipengele ni pana sana, kwa hiyo tunachukua moja ya maneno kwenye tovuti ya kivinjari cha Google Chrome. Tulitaka kuzingatia ni maneno gani (katika msimbo yataandikwa kama "maneno muhimu") yalitumiwa kwa tovuti yetu. Ili kufanya hivyo, tunafanya algorithm ifuatayo:

Njia zingine za kutumia kipengele hiki kwenye kivinjari cha Google Chrome

Kwa ujumla, kuendelea kujibu swali la jinsi ya kuangalia msimbo wa kipengele na kwa nini inahitajika, unapaswa kuorodhesha kazi zake. Yaani, kutokana na uwezo wa kuona msimbo wa kipengele cha tovuti yoyote kwenye kivinjari cha Google Chrome, tunaweza:

Tazama muundo wa tovuti kuanzia kichwa ("kichwa cha tovuti") na kuishia na mwisho (amri ya mwisho ya programu yoyote);
Tazama kazi zote za tovuti, yaani: viungo vya tovuti nyingine, moduli za ziada kutoka kwa tovuti za nje na kuwepo kwa counters zilizojengwa kwa kukusanya taarifa mbalimbali;
Jua ikiwa kunakili kutoka kwa tovuti ni marufuku au la;
Nambari itarekodi viungo vyote kwa kurasa zingine za tovuti, pamoja na muundo wao na vitendo vinavyofuata baada ya kubofya.

Hii sio orodha yenye ukomo. Lakini ikumbukwe kwamba bila maarifa maalum, karibu haiwezekani "kusoma" nambari ya ukurasa wa Google Chrome na data iliyopokelewa haihitajiki kwa mtumiaji wa kawaida.

Kipengee "Angalia msimbo wa kipengele" haifanyi kazi

Inapaswa kusemwa mara moja kwamba kila tovuti itakuwa na ufikiaji wazi wa nambari za vipengee. Hiyo ni, hata tovuti maarufu na za gharama kubwa zitakuwa wazi kutazama msimbo wao. Kwa hivyo, ikiwa kipengee kwenye kivinjari cha Google Chrome haifanyi kazi au hutoa hitilafu, ina sababu zifuatazo zinazowezekana:

Wasifu wa mtumiaji umeharibiwa;
Uwepo wa programu hasidi kwenye kompyuta;
Kuzuia kwa ugani fulani ili kuongeza utendaji (hata hii inaweza kutokea).

Kurekebisha wasifu wa mtumiaji ulioharibika

Ili kuunda wasifu mpya, lazima ufute wa zamani kutoka kwa kompyuta yako. Ili kufanya hivyo, tunafanya yafuatayo:

Funga Google Chrome na uzindua kivinjari cha Windows Explorer kilichojengewa ndani.
Ingiza amri ifuatayo kwenye upau wa anwani: %LOCALAPPDATA%\Google\Chrome\User Data\.
Wakati saraka inafungua, tafuta folda ya "Chaguo-msingi" na uongeze "Hifadhi" kwa jina lake ili ionekane kama hii: "Hifadhi Chaguomsingi".
Sasa, baada ya kuanzisha upya kivinjari cha Chrome, wasifu mpya utaundwa.

Tunaondoa programu hasidi au masalio yake

Ikiwa wasifu mpya hautatupi ufikiaji wa msimbo wa kipengele cha ukurasa na bado tunaona hitilafu, tunapaswa kufanya yafuatayo:

Fungua mstari wa amri ya Windows ("Run") na uingie amri ya "cmd" hapo.
Ingiza amri ifuatayo kwenye mstari: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".
Baada ya kuthibitisha kitendo, ingiza hii: RD /S /Q "%WinDir%\System32\GroupPolicy".
Sasa "gpupdate /force" (bila nukuu).

Ikiwa kila kitu kilifanyika kwa usahihi, basi baada ya kuanzisha upya kompyuta Google Chrome itafungua msimbo wa vipengele na kivinjari kitafanya kazi kwa kawaida.

Ukitazama tovuti nyingi kwenye Mtandao, unaweza kukutana na zile ambazo tunazipenda sana. Maswali kadhaa huibuka mara moja. Je, tovuti ilitengenezwa kwa kutumia msimbo wa kujitengenezea nyumbani au aina fulani ya CMS? Je, ina mitindo gani ya CSS? Meta tags zake ni zipi? Nakadhalika.

Kuna zana nyingi ambazo zinaweza kutumika kutoa habari kuhusu msimbo wa ukurasa wa tovuti. Lakini huwa tunayo kitufe cha kulia cha kipanya. Hii ndio tutatumia, kwa kutumia tovuti yangu kama mfano.

Jinsi ya kutazama nambari ya ukurasa?

Ili kutazama msimbo wa chanzo wa ukurasa wa tovuti, unahitaji kupeperusha kipanya chako juu ya eneo lolote la ukurasa wa wavuti (isipokuwa picha na viungo). Baada ya hayo, bonyeza kitufe cha kulia cha panya. Dirisha yenye chaguo kadhaa itafungua mbele yetu (zinaweza kutofautiana kidogo katika vivinjari tofauti). Katika kivinjari cha Google Chrome, kwa mfano, hizi ni amri:

nyuma;
mbele;
anzisha upya;
kuokoa kama;
muhuri;
kutafsiri kwa Kirusi;
tazama msimbo wa ukurasa;
msimbo wa kutazama.

Tunahitaji kubonyeza tazama msimbo wa ukurasa, na msimbo wa html wa ukurasa wa tovuti utafunguliwa mbele yetu.

Kuangalia nambari ya ukurasa: nini cha kuzingatia?

Kwa hivyo, msimbo wa ukurasa wa Html ni orodha yenye nambari ya mistari, ambayo kila moja hubeba taarifa kuhusu jinsi tovuti hii inavyotengenezwa. Ili kujifunza haraka kuelewa idadi hii kubwa ya ishara na alama maalum, unahitaji kutofautisha kati ya sehemu tofauti za nambari.

Kwa mfano, mistari ya msimbo ndani ya lebo ya kichwa ina habari kwa injini za utafutaji na wasimamizi wa wavuti. Hazionyeshwa kwenye tovuti. Hapa unaweza kuona ni maneno gani ambayo ukurasa huu unakuzwa, jinsi kichwa na maelezo yake yameandikwa. Pia hapa unaweza kupata kiungo, kinachofuata ambacho tutajifunza kuhusu familia ya fonti za Google zinazotumiwa kwenye tovuti.

Ikiwa tovuti imetengenezwa kwenye CMS WordPress au Joomla, basi hii pia itaonekana hapa. Kwa mfano, eneo hili linaonyesha maelezo kuhusu mandhari ya WordPress au kiolezo cha tovuti ya Joomla. Unaweza kuiona kwa kusoma yaliyomo kwenye viungo vilivyoangaziwa kwa bluu. Kiungo kimoja kinaonyesha kiolezo cha tovuti.

Kwa mfano:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Tutaona mitindo ya fonti ya CSS ya ukurasa. Katika kesi hii, font hutumiwa. Hii inaweza kuonekana hapa - fonti-familia: 'Chanzo Sans Pro'.

Tovuti hii imeboreshwa kwa kutumia programu-jalizi ya Yoast SEO. Hii inaweza kuonekana kutoka kwa sehemu hii ya maoni ya nambari:

Tovuti hii imeboreshwa kwa programu-jalizi ya Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Taarifa zote zilizomo ndani ya lebo ya mwili huonyeshwa na kivinjari kwenye skrini ya kufuatilia. Hapa tunaona msimbo wa html wa ukurasa, na chini kabisa kuna msimbo wa hati ya Yandex Metrics. Imezungukwa na lebo ya maoni yenye maandishi:

/Yandex.Metrika kaunta

Hebu tujumuishe

Baada ya kufanya uchambuzi wa juu juu wa nambari ya ukurasa kuu wa tovuti, tunaweza kupata hitimisho kuhusu zana gani ukurasa huu ulifanywa. Tuliona juu yake:

CMS WordPress;
Chanzo cha fonti cha Google Sans Pro;
Mandhari ya WordPress - Sydney;
programu-jalizi za Yoast;
Kaunta ya metrics ya Yandex.

Sasa kanuni ya kuchambua msimbo wa html wa ukurasa wa tovuti ni wazi kabisa. Sio lazima hata kidogo kuweka ukurasa unaotafiti wazi katika kivinjari. Unaweza kuhifadhi msimbo wa ukurasa kwenye kompyuta yako kwa kutumia michanganyiko ya vitufe ctrl+a, ctrl+c, ctrl+v. Ibandike kwenye kihariri chochote cha maandishi (ikiwezekana Notepad++) na uihifadhi kwa kiendelezi cha html. Kwa hivyo, wakati wowote unaweza kuisoma kwa undani zaidi na kupata habari muhimu zaidi kwako mwenyewe.