Ninaweza kupata wapi nambari ya html ya ukurasa? Jinsi ya kutazama msimbo wa chanzo cha ukurasa na msimbo wa kipengele

kura 1

Siku njema, wasomaji wapendwa blogu yangu. Wakati mwingine unaweza kupata kitu kwenye tovuti chip nzuri na swali linaanza kutesa jinsi muumbaji alipata athari ya kupendeza kama hii.

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 kuwa kila kitu ni rahisi sana kuliko vile ilionekana mwanzoni, huwezi kusaidia lakini kuamini. nguvu 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 unaweza kuwa umegundua, mimi hutumia mara nyingi Google Chrome na kujifunza msimbo wa mtu mwingine katika kivinjari hiki ni rahisi kama kuchunga 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 na msaada wa css. Wataalamu wengi wanashauri jinsi ya taarifa zaidi andika kwa kanuni. Wanafanyaje kazi kwenye tovuti maarufu?

Kwa hivyo ilionekana taarifa muhimu. 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 ubofye kitufe cha kulia 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. Kufungua msimbo kuna mchanganyiko wa haraka funguo na kwa vivinjari vyote ni sawa: 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.

Ninaitumia, bandika nambari hii ndani html mpya faili, kwenye lebo ya mwili (mwili kwa Kiingereza).

Sasa hebu tuone jinsi yote yataonekana kwenye kivinjari.

Tayari. Ili maandishi yawe sawa kwenye kingo na kupata rangi ya kijani kibichi, unahitaji kuunganishwa na hii. hati ya css na unakili msimbo mwingine kutoka kwa tovuti ambayo tuliiba 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 - « Bila shaka bure kwa HTML".

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

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

Nakala hii ya hivi punde imeandikwa ili kuangazia habari za kisasa kuhusu kuondoa viungo visivyo vya lazima kutoka kwa violezo vya Blogspot, na pia kutoka kwa mandhari mapya ya Blogger. Kama unavyojua, kulikuwa na mabadiliko katika misimbo ya Blogger mwaka wa 2018, kwa hivyo vitendo vingi vilivyo na msimbo vinahitaji kufanywa kwa njia mpya. Zaidi ya hayo, mada mpya zimeonekana ambazo zinaundwa tofauti. Kuhusiana na mabadiliko haya, tutajadili mada ya kuondoa viungo.
Unaweza kuangalia blogu yako kwa uwepo wa viungo vya nje kwenye huduma https://pr-cy.ru/link_extractor/ na https://seolik.ru/links. Usisahau kwamba unahitaji kuangalia sio tu ukurasa kuu wa blogi, lakini pia ukurasa wa machapisho na Ukurasa. Idadi kubwa ya Viungo vya nje vilivyofunguliwa kwa uorodheshaji vimezuiwa.

Jinsi ya kuondoa viungo kutoka kwa kiolezo cha zamani cha kawaida cha Blogger Kwa kutumia kiolezo Rahisi kama mfano.
Violezo kama hivyo hutoa viungo vya nje zaidi. Kwenye blogi yangu ya majaribio, nilipoweka mada rahisi, niliangalia na kupata viungo 25 vya nje kwa ukurasa wa nyumbani, ambapo 14 ziliorodheshwa.
Ninakukumbusha kwamba kabla ya kufanya mabadiliko kwenye msimbo wa kiolezo, fanya nakala mbadala!
  • Ondoa kiungo cha Blogger - https://www.blogger.com/. Kiungo hiki kimo ndani ya wijeti ya Maelezo. Katika kichupo cha "Muundo wa Blogu", inaonyeshwa kama kifaa cha Sifa na . Ili kuiondoa, nenda kwenye kichupo cha "Mandhari" -> hariri HTML. Kwa kutafuta wijeti (orodha ya wijeti), tunapata Attribution1 na kufuta msimbo wote pamoja na sehemu ya kijachini ambayo imeambatanishwa. Hivi ndivyo nambari iliyoondolewa inaonekana kama imeporomoka:


    Na hapa kuna nambari kamili:














    Hifadhi mabadiliko na uangalie blogu kwa Attribution.
  • Wewe, bila shaka, umeona aikoni za "Wrench na Screwdriver" kwenye blogu yako kwa ajili ya kuhariri wijeti kwa haraka. Kila ikoni kama hiyo hubeba kiungo cha nje cha Blogger. Sasa zimefungwa tag nofollow, lakini bado unahitaji kuwaondoa. Utahariri wijeti katika kichupo cha Usanifu.
    Hapa kuna orodha isiyokamilika ya viungo ambavyo vimesimbwa kwa njia fiche kwenye ikoni za ufunguo (Kitambulisho cha blogu kitakuwa chako)
    - HTML1 Wijeti: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - Wijeti ya HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Kumbukumbu ya blogi: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Njia za mkato za blogi: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Ujumbe maarufu: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    Ni rahisi kuondoa viungo hivi vyote. Tafuta lebo katika kiolezo cha blogu yako. Inaonekana mara nyingi kama vile kuna wijeti kwenye blogu yako. Ondoa matukio yote ya lebo.
  • Inaondoa viungo kwa uhariri wa haraka maingizo ya blogu (ikoni ya “Penseli”). Hurahisisha kuhariri machapisho, lakini huleta tishio kama kiungo cha nje kama vile: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Jinsi ya kufuta:
    Mbinu 1. Katika kichupo cha Kubuni, hariri kipengee cha "Machapisho ya Blogu" na ubatilishe uteuzi wa kisanduku cha kuteua cha "Onyesha "Hariri Haraka".
    Mbinu 2. Tafuta lebo katika kiolezo cha blogu yako na uiondoe. Hifadhi mabadiliko yako na uangalie blogu yako kwa ikoni na kiungo.
  • Ondoa Navbar. Tafuta wijeti ndani kiolezo cha html blogu Navbar1 na ufute msimbo wote pamoja na sehemu hiyo.

    Yaani:




    kazi setAttributeOnload(kitu, sifa, val) (
    if(window.addEventListener) (
    window.addEventListener("mzigo",
    function())( object = val; ), uongo);
    ) mwingine (
    window.attachEvent("kupakua", kazi())( object = val; ));
    }
    }




    gapi.load("gapi.iframes:gapi.iframes.style.bubble", kazi() (
    ikiwa (gapi.iframes && gapi.iframes.getContext) (
    gapi.iframes.getContext().openChild((
    url: "https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarbarType\xx6dLayoutType\xxx6dLIGHTAina\xxx6dLIGHT\x3x6dlayout\x3x6dlayout2 3dhttps://m-ynewblog.blogspot. com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
    wapi: document.getElementById("navbar-iframe-container"),
    id: "navbar-iframe"
    });
    }
    });

    (kazi () (
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
    var head = document.getElementsByTagName("kichwa");
    ikiwa (kichwa)
    head.appendChild(script);
    }})();



    Sasa Navbar ya blogu haitoi viungo vya nje vya indexable, lakini ninaamini kuwa hii kipengele cha ziada, ambayo haina kubeba mzigo wa kazi, na ni bora kuiondoa.
  • Ondoa viungo vya nje kwa picha. Unapopakia picha kwenye chapisho la blogi, kiungo hupachikwa kiotomatiki kwenye picha. Ili kuondoa viungo kama hivyo, lazima uhariri maingizo yote ya blogu. Katika hali ya "Tazama" na kisha kwenye ikoni ya "Unganisha". Ikiwa picha haina kiungo cha nje, basi unapobofya kwenye picha kwenye kihariri cha chapisho, ikoni ya "Kiungo" haifanyi kazi (ikoni haijaangaziwa).

  • Ondoa kiungo cha wasifu wa mwandishi wa blogu. Ondoa mwandishi wa blogi chini ya chapisho. Ili kufanya hivyo, tafuta msimbo wa kweli na uandike uongo badala ya ukweli. Itageuka kuwa ya uwongo
  • Funga kiungo kutoka kwa wijeti "" kutoka kwa kuorodhesha na lebo ya nofollow. Ikiwa unatumia wijeti ya "wasifu" kwenye blogu yako, basi itafute utafutaji wa haraka kwa wijeti katika kiolezo cha blogu, msimbo wa kifaa Profile1. Unahitaji kuhariri msimbo wa wijeti, ukibadilisha rel='author' na katika sehemu mbili na kuongeza kwa viungo viwili. Unapaswa kupata kitu kama picha ya skrini:


    Imetengenezwa kwa kutumia mfano wa uhariri Wasifu kwenye Google Pamoja. Nakukumbusha hilo Google Plus itafutwa tarehe 2 Aprili 2019. Ipasavyo, baada ya tarehe hii, utahitaji kufanya mabadiliko mengine kwenye msimbo wa wijeti ya "Kuhusu Mimi".

  • Tunaangalia uwepo wa viungo vya nje ukurasa wowote wa chapisho la Blogspot ambalo maoni yameachwa. Tafuta na uondoe msimbo katika kiolezo cha blogu:

    Katika Mipangilio ya Blogu, fuata njia Mipangilio ya Blogu -> Nyingine -> Milisho ya Tovuti -> Ruhusu Milisho ya Blogu, tumia mipangilio ifuatayo:

  • Ondoa viungo vya nje kutoka kwa kiolezo kipya cha kawaida cha Blogger Kwa kutumia mandhari Mashuhuri kama mfano
  • Ondoa Sifa (kiungo hapa chini - Blogger Technologies)
    Tunapata Attribution1 kwenye kiolezo cha blogu cha kutafuta kwa wijeti (orodha ya wijeti) na kufuta nambari pamoja na sehemu, sawa na ile ya zamani. Kiolezo cha Blogger (tazama hapo juu 1).
  • Tunaondoa kiungo kutoka kwa wijeti ya "Ripoti Matumizi Mabaya". Hii ndio wijeti ya ReportAbuse1. Tunapata katika utafutaji wa wijeti:
    Nambari nzima inaonekana kama hii:




  • Tunaangalia ukurasa wa chapisho la blogi na maoni na kuondoa viungo kwa mlinganisho na violezo vya zamani vya blogi (tazama hapo juu - nukta 8).
  • Tunaondoa viungo kutoka kwa machapisho ya blogu ambayo yamepachikwa kwenye picha za machapisho (tazama hatua ya 5).
  • Sisi iliyotolewa kitabu kipya"Uuzaji wa yaliyomo ndani katika mitandao ya kijamii: Jinsi ya kuingia katika vichwa vya wateja wako na kuwafanya wapende chapa yako.

    Jisajili

    Nambari ya chanzo cha tovuti ni seti ya alama za HTML, Mitindo ya CSS Na Hati za JavaScript, ambayo kivinjari hupokea kutoka kwa seva ya wavuti.

    Video zaidi kwenye chaneli yetu - jifunze uuzaji wa mtandao na SEMANTICA

    Inaweza kulinganishwa na seti ya amri zinazotolewa kwa askari na kamanda. Fikiria kwamba hadhira haimwoni au kumsikia bosi. Kwa maoni yao, jeshi hufanya vitendo kwa uhuru. Kwa upande wetu, kamanda ni kivinjari, amri ni chanzo, na askari wanaoandamana ndio matokeo ya mwisho.

    Tovuti imehifadhiwa kwenye seva ya wavuti, ambayo hutuma ukurasa kwa ombi la mtumiaji. Ombi ni kuandika URL katika upau wa anwani, kubofya kiungo, au kubofya kitufe cha kuwasilisha kwenye fomu. Haijalishi kurasa za wavuti zimeandikwa kwa lugha gani, iwe zinajumuisha sehemu ya programu. Matokeo ya mwisho ya algoriti yoyote ya upande wa seva ni seti ya lebo za html na maandishi.
    Msimbo wa chanzo cha ukurasa ni seti ya data inayojumuisha:

    • alama ya html;
    • karatasi ya mtindo au kiungo cha faili;
    • programu zilizoandikwa katika JavaScript au viungo vya faili zilizo na msimbo.

    Sehemu hizi tatu zinachakatwa na kivinjari. Kwa seva, hii ni maandishi ambayo yanahitaji kutumwa kwa kujibu ombi.

    Kwa nini tunaweza kuhitaji kusoma msimbo wa chanzo

    Kila kitu tunachokiona, tunaweza kuchambua na kuomba ili kutatua matatizo fulani yanayotokea wakati wa kufanya kazi na tovuti, hasa wakati wa kuiboresha. Kwa kuangalia msimbo wa chanzo, tunaweza:

    • Tazama meta tagi za tovuti yako au ya mtu mwingine ili kuzichanganua.
    • Angalia kuwepo au kutokuwepo kwa vipengele fulani kwenye tovuti: kaunta, misimbo ya utambulisho ndani mifumo mbalimbali, maandishi fulani na mambo mengine.
    • Jua vigezo vya vipengele: saizi, rangi, fonti.
    • Tafuta njia ya picha na vitu vingine vilivyo kwenye ukurasa.
    • Chunguza viungo kutoka kwa ukurasa.
    • Pata matatizo na msimbo unaoingilia mchakato wa uboreshaji wa tovuti: wale ambao hawajashughulikiwa faili tofauti mitindo, hati, msimbo batili.

    Hizi ni vipengele vya msingi, lakini kwa kweli, kwa kuwa na uwezo wa kusoma kanuni, unaweza kujifunza mengi zaidi kuhusu ukurasa.

    Jinsi ya kutazama msimbo wa chanzo wa tovuti

    Haitawezekana kufanya hivyo kabisa katika fomu ambayo imewekwa kwenye seva kutoka kwa kivinjari. Lakini unaweza kuona alama zote kwa kubofya kulia kwenye ukurasa. Hapa na zaidi Mfano wa Google Chrome.

    Chagua chaguo la "Angalia msimbo wa ukurasa" na upate tangazo kamili katika kichupo tofauti.

    Ni maandishi tu ambayo unapaswa kuchambua ili kuelewa. Lakini unaweza kupata msimbo unaoingiliana kwa kutumia zana za msanidi programu.

    Jinsi ya kupata msimbo wa chanzo wa ukurasa wa tovuti

    Bofya kwenye ikoni ya menyu kwenye kivinjari. Mara nyingi iko upande wa kulia na inaonekana kama nukta tatu au viboko.

    Katika sura zana za ziada chagua "Zana za Wasanidi Programu".

    Dirisha litafungua inayoonyesha hali amilifu ya msimbo. Hii ina maana kwamba unapobofya kwenye markup, mtindo wa kipengele utaonekana karibu nayo, na vitalu vilivyochaguliwa vitaonyeshwa kwenye ukurasa.

    Katika kichupo cha "Chanzo" unaweza kuona yaliyomo kwenye faili fulani: hati, fonti, picha.

    Katika kichupo cha "Usalama", unaweza kuangalia cheti cha tovuti.

    Kichupo cha "Ukaguzi" kitakusaidia kuangalia nyenzo iliyowekwa kwenye upangishaji.

    Ikiwa eneo la paneli upande wa kulia halifai, unaweza kubofya dots tatu na ubadilishe kwa kuchagua kipengee unachotaka.

    Jinsi ya kutazama vitambulisho vya meta

    Kila hati ya HTML inajumuisha lebo za muundo. Hapa kuna baadhi yao:

  • Html - hati nzima.
  • Kichwa - sehemu ya vichwa vya huduma.
  • Kichwa - kichwa cha ukurasa (kilichoonyeshwa kwenye kichupo).
  • Mwili - mwili wa hati.
  • H1-H6 - vichwa vya maandishi vya ukurasa.
  • Makala - makala.
  • Sehemu - sehemu.
  • Menyu - menyu.
  • Div - block.
  • Span - kamba.
  • P - aya.
  • Jedwali - meza.
  • Vipengele vimeundwa ili kuweka mipaka ya sehemu kwenye ukurasa; ikiwa ni lazima, imeundwa kwa kutumia mitindo. Zina maandishi ambayo yanaonekana kwa njia fulani kwenye ukurasa. Lakini katika tag Mkuu kuna habari ya huduma. Meta tags hutumiwa kuionyesha. Kila kitu kilichoandikwa ndani yao kimekusudiwa kwa seva na injini za utaftaji.

    Yaliyomo hayawezi kupatikana kwa njia nyingine yoyote.

    Wacha tuzingatie lebo ya Kiungo. Kwa msaada wake, viungo vya faili zilizojumuishwa za nje zimeainishwa. Ikiwa inataka, unaweza kuona yaliyomo na uhifadhi kwenye diski. Ili kufanya hivyo, songa pointer kwenye anwani na ubonyeze RMB. Chagua "Fungua kwenye Kichupo kipya".

    Itafungua kwenye kichupo kipya faili maalum, ambayo unaweza kutazama au kuhifadhi.

    Jinsi ya kutazama msimbo wa chanzo wa ukurasa ili kurekebisha hati

    Katika kesi hii, ni rahisi zaidi kufungua ukurasa mashine ya ndani. Ikiwa unahitaji tu kurekebisha markup, mitindo na maandiko, basi hii inaweza kufanyika moja kwa moja kutoka kwenye folda. Nambari ya HTML inatazamwa kwa njia sawa. Hapa kuna makosa JavaScript code inaweza kuonekana kwenye kichupo cha "Console". Hii inaonyesha maelezo ya kosa na nambari ya mstari ambapo ilitokea.

    Sintaksia inaweza kuonekana moja kwa moja kwenye msimbo. Hivi ndivyo kichupo cha "Chanzo" kinatumika.

    Jinsi ya kutazama msimbo wa kipengele maalum

    Kwa kurasa kubwa Na kiasi kikubwa vipengele ni vigumu kupata kanuni inayohitajika katika markup. Katika kesi hii, unapaswa kutumia timu maalum menyu ya muktadha. Sogeza kipanya juu ya kipande na ubonyeze RMB. Chagua amri ya "Angalia Msimbo".

    Dirisha sawa litafungua, lakini kwa kuzingatia kitu kilichochaguliwa.

    Muhtasari

    Tulikuambia msimbo wa chanzo cha ukurasa ni nini. Inatosha kujua maarifa ya kimsingi ya HTML na CSS, na kutumia zana zinazofaa msanidi programu, unaweza kurekebisha hati zako za HTML.

    Kuangalia msimbo wa rasilimali kwenye mtandao itawawezesha kujifunza sio tu kutoka uzoefu mwenyewe, lakini pia tumia mifano halisi ya kufanya kazi. Na kwa wataalamu wa SEO, vitambulisho vya meta vitafaa, habari ambayo inaweza kusema mengi kuhusu tovuti.

    Kila mtumiaji wa mtandao ana tovuti zake anazopenda sana 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 kutokana na mifano ambayo itatolewa hapa chini, yoyote Mtumiaji wa Google Chrome itaweza kuona vipengele vya mtu binafsi 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 ni katika hali gani ni muhimu kutumia "Angalia msimbo", na ambayo "Angalia nambari ya ukurasa" katika 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, huu ni muundo wa tovuti (bila mifano ya ziada kama Faili za CSS na nyongeza zingine zilizobaki kwenye folda ya muundaji wa tovuti). Muundo huu haifai kwa kuunda ukurasa mwenyewe kwa "copy-paste", lakini itakuruhusu kuona ni nini haswa mpangaji programu alifanya na kwa mlolongo gani ili tovuti kwenye kivinjari cha Google Chrome iwe 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 nini maneno muhimu(katika msimbo itaandikwa 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 ujuzi maalum unaweza "kusoma" kanuni Kurasa za Google Chrome ni karibu haiwezekani na data kupatikana kwa mtumiaji wa wastani kivitendo haihitajiki.

    Kipengee "Angalia msimbo wa kipengele" haifanyi kazi

    Inapaswa kusema mara moja kwamba kila tovuti itakuwa nayo ufikiaji wazi kwa misimbo ya vipengele. 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, unahitaji kuondoa ya zamani kutoka kwa kompyuta yako. Ili kufanya hivyo, tunafanya yafuatayo:

  • Funga Google Chrome na uzindua iliyojengewa ndani Kivinjari cha Windows Mchunguzi.
  • Ingiza upau wa anwani amri ifuatayo: %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 Windows kamba("Run") na ingiza 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 kuanza upya Kompyuta ya Google Chrome itafungua msimbo wa vipengele na kivinjari kitafanya kazi kwa kawaida.