Patarimai, kaip naudoti tikrinimo elementą „Google Chrome“ naršyklėje

Darant prielaidą, kad norite gauti patarimų, kaip naudoti elemento tikrinimo funkciją „Google Chrome“ naršyklėje: Dešiniuoju pelės mygtuku spustelėkite elementą, kurį norite patikrinti, ir išskleidžiamajame meniu pasirinkite „Tikrinti“. Taip pat galite naudoti sparčiuosius klavišus Ctrl+Shift+I („Windows“) arba Cmd+Opt+I („Mac“), kad atidarytumėte inspektorių. Kai atidarysite inspektorių, kairėje pamatysite puslapio HTML, o dešinėje - CSS. Inspektoriuje galite atlikti HTML ir CSS pakeitimus ir pamatyti, kad tie pakeitimai iškart įsigalios puslapyje. Norėdami išeiti iš inspektoriaus, tiesiog spustelėkite X viršutiniame dešiniajame kampe.

„Google Chrome“ skirta ne tik paprastiems žiniatinklio naudotojams, bet ir žiniatinklio kūrėjams, kurie dažnai kuria svetaines, kuria tinklaraščius ir pan. Patikrinkite elementą arba Apžiūrėti „Google Chrome“ parinktis padeda naudotojams rasti informacijos apie svetainę, kuri yra paslėpta. Štai keletas patarimų, kaip naudoti „Inspect Element“ „Google Chrome“ naršyklėje, skirtoje „Windows PC“.

Patikrinkite „Google Chrome“ elementą

1] Raskite paslėptus „JavaScript“ / medijos failus

viruso perspėjimas iš „Microsoft“

Daugelyje svetainių rodomi iššokantys langai, jei lankytojas tinklalapyje būna ilgiau nei 15 ar 20 sekundžių. Arba daugeliu atvejų netyčia spustelėjus kur nors atsidaro vaizdas, skelbimas ar piktograma. Norėdami rasti šiuos paslėptus failus tinklalapyje, galite naudoti Šaltiniai Elemento tikrinimo skirtukas. Kairėje rodomas į medį panašus sąrašas, kurį galite tyrinėti.

„Windows 10“ profilio taisymo įrankis

2] Gaukite HEX / RGB spalvų kodą „Chrome“.

Kartais mums gali patikti spalva ir norime žinoti jos spalvos kodą. Galite lengvai rasti HEX arba RGB spalvų kodą, naudojamą konkrečiame tinklalapyje, naudodami integruotą Google Chrome parinktį. Dešiniuoju pelės mygtuku spustelėkite spalvą ir pasirinkite Apžiūrėti . Daugeliu atvejų dešinėje pusėje rasite spalvų kodą su skirtingu CSS. Jei jo nematote, gali reikėti naudoti nemokamą spalvų rinkiklio programinę įrangą.

PATARIMAS : Pažvelkite į tai Internetiniai spalvų rinkimo įrankiai Tas pats.

3] Gaukite patarimų, kaip pagerinti tinklalapio našumą

rotkit pašalinti

Visi mėgsta lankytis greitai atsidarančioje svetainėje. Jei kuriate savo svetainę, visada turėtumėte tai atsiminti. Yra daug įrankių, leidžiančių patikrinti ir optimizuoti puslapio įkėlimo greitį. Tačiau „Google Chrome“ taip pat turi integruotą įrankį, leidžiantį vartotojams gauti patarimų, kaip pagerinti svetainės įkėlimo greitį. Norėdami pasiekti šiuos įrankius, eikite į Auditas skirtuką ir įsitikinkite Tinklo naudojimas , Tinklalapio našumas , i Puslapio įkėlimas iš naujo ir patikrinimas įkeliant pasirinktas. Tada spustelėkite paleisti mygtuką. Jis iš naujo įkels puslapį ir parodys tam tikrą informaciją, kurią galima panaudoti norint pagreitinti puslapį. Pavyzdžiui, galite gauti visus išteklius, kurių talpyklos galiojimo laikas nepasibaigęs, JavaScript, kurį galima sujungti į vieną failą ir pan.

4] Testo reagavimas

Šiais laikais itin svarbu, kad tinklalapis būtų jautrus. Yra daug įrankių, kurie gali patikrinti, ar svetainė visiškai reaguoja. Tačiau šis „Google Chrome“ įrankis padeda vartotojams žinoti, ar svetainė reaguoja, ar ne taip pat patikrinkite, kaip jis atrodys konkrečiame mobiliajame įrenginyje. Atidarykite bet kurią svetainę, gaukite Patikrinkite elementą skirtuką, spustelėkite mobilusis spustelėkite mygtuką, nustatykite skiriamąją gebą arba pasirinkite norimą įrenginį, kad patikrintumėte tinklalapį.

langų istorijos laiko juosta

5] Redaguoti tiesioginę svetainę

Tarkime, kad kuriate tinklalapį, bet nežinote, kokia yra spalvų schema, naršymo meniu dydis, turinys ar šoninės juostos kraštinių santykis. Galite redaguoti tiesioginę svetainę naudodami „Google Chrome“ parinktį Tikrinti elementą. Nors negalite išsaugoti pakeitimų veikiančioje svetainėje, galite atlikti visus redagavimus, kad galėtumėte juos naudoti vėliau. Norėdami tai padaryti, atidarykite elementą Apžiūrėti, kairėje pusėje pasirinkite HTML ypatybę ir dešinėje pusėje atlikite stiliaus pakeitimus. Jei atliksite kokių nors CSS pakeitimų, galite spustelėti nuorodą į failą, nukopijuoti visą kodą ir įklijuoti jį į pradinį failą.

Inspect Element iš Google Chrome yra tikras kiekvieno žiniatinklio kūrėjo palydovas. Nesvarbu, ar kuriate vieno puslapio svetainę, ar dinamišką svetainę, šie patarimai tikrai gali būti naudingi.