Näpunäiteid Google Chrome'i brauseri kontroll-elemendi kasutamise kohta

Sisukord:

Näpunäiteid Google Chrome'i brauseri kontroll-elemendi kasutamise kohta
Näpunäiteid Google Chrome'i brauseri kontroll-elemendi kasutamise kohta

Video: Näpunäiteid Google Chrome'i brauseri kontroll-elemendi kasutamise kohta

Video: Näpunäiteid Google Chrome'i brauseri kontroll-elemendi kasutamise kohta
Video: 30 Ultimate Windows 10 Tips and Tricks for 2020 - YouTube 2024, Aprill
Anonim

Google Chrome on mõeldud mitte ainult tavalistele Interneti-kasutajatele, vaid ka veebiarendajatele, kes tihti loovad veebisaidi, disainiblogisid jne. Kontrollige elementi või Kontrollige Google Chrome'i valik aitab kasutajatel leida teavet veebisaidilt, mis on vaate peidus. Siin on mõned näpunäited selle kohta, kuidas Google Chrome'i brauseri Inspektsiooni elementi Windowsi arvuti jaoks kasutada.

Kontrollige Google Chrome'i elementi

1] Leidke varjatud JavaScripti / meediumifailid

Image
Image

Paljud veebisaidid näitavad hüpikaknad, kui külastaja viibib veebilehel rohkem kui 15 või 20 sekundit. Või korduvalt pilt, reklaam või ikoon avaneb, kui klõpsate kuskil juhuslikult. Veebilehe peidetud failide leidmiseks võite kasutada Allikad Kontrolli elemendi vahekaart. Selles on puude vaate loend vasakul küljel, mida saab uurida.

2] Hankige HEX / RGB värviline kood Chrome'is

Image
Image

Mõnikord võib meile meeldida värv ja võib-olla soovite teada saada selle värvikoodi. Teil on lihtne leida konkreetsel veebilehel kasutatud HEX- või RGB-värviline kood, kasutades kohalikku valikut Google Chrome'is. Paremklõpsake värvi ja klõpsake Kontrollige. Enamikul juhtudel saad parema küljega värvirukoodi teiste CSS-idega. Kui te seda ei näe, peate võib-olla kasutama mõnda tasuta värvivalikutarkvara.

TIP: Vaadake ka neid värvivaliku veebipõhiseid tööriistu.

3] Hankige veebilehe jõudluse parandamise näpunäited

Image
Image

Kõik armastavad maanduda veebisaidil, mis avaneb kiiresti. Kui te oma veebisaiti kujundate, peaksite seda alati silmas pidama. Lehe laadimise kiiruse kontrollimiseks ja optimeerimiseks on palju tööriistu. Kuid Google Chrome'il on ka sisseehitatud tööriist, mis võimaldab kasutajatel saada nõuandeid veebisaidi laadimiskiiruse parandamiseks. Nende tööriistade kasutamiseks pääsete juurde Auditid vahekaardil ja veenduge Võrgu kasutamine, Veebilehe jõudlus, ja Laadige uuesti lehte ja kontrollige kohe on valitud. Siis klõpsake Jookse nuppu. See laadib lehe uuesti ja näitab teile teavet, mida saab lehe kiiremaks muuta. Näiteks võite saada kõik ressursid, millel neil pole ühtegi vahemälust, JavaScripti, mida saab kombineerida ühte faili ja nii edasi.

4] Kontrollige reageerimisvõimet

Image
Image

Veebilehe reageerimine on tänapäeval väga oluline. On palju tööriistu, kes saavad kontrollida, kas teie sait on täielikult reageeriv või mitte. Kuid see Google Chrome'i tööriist aitab kasutajatel teada, kas sait on reageeriv või mitte, samuti kontrollib, kuidas see konkreetse mobiilseadme välja näeb. Avage ükskõik milline veebisait, võite saada Kontrollige elementi vahekaardil klõpsake nuppu mobiilne nuppu, määrake resolutsioon või valige veebisaidi testimiseks soovitud seade.

5] Redigeeri reaalajas veebisaiti

Oletame, et loote veebilehe, kuid olete segaduses värviskeemi või navigeerimismenüü suuruse või sisu või külgriba suhtega. Te saate oma reaalajas veebisaiti muuta, kasutades Google Chrome'i valikut Kontrollige elementi. Kuigi te ei saa reaalajas veebisaidil tehtud muudatusi salvestada, saate kogu redigeerimise läbi viia, et saaksite seda veelgi kasutada. Selleks avage Inspect Element, valige vasakust küljest HTML-omadus ja paremas servas kujunduse muutmine. Kui muudate CSS-i, võite klõpsata faililinkil, kopeerida kogu kood ja kleepida see originaalfaili.
Oletame, et loote veebilehe, kuid olete segaduses värviskeemi või navigeerimismenüü suuruse või sisu või külgriba suhtega. Te saate oma reaalajas veebisaiti muuta, kasutades Google Chrome'i valikut Kontrollige elementi. Kuigi te ei saa reaalajas veebisaidil tehtud muudatusi salvestada, saate kogu redigeerimise läbi viia, et saaksite seda veelgi kasutada. Selleks avage Inspect Element, valige vasakust küljest HTML-omadus ja paremas servas kujunduse muutmine. Kui muudate CSS-i, võite klõpsata faililinkil, kopeerida kogu kood ja kleepida see originaalfaili.

Google Chrome'i elemendi ülevaatus on iga veebiarendaja tõeline kaaslane. Pole tähtis, kas arendate ühe lehekülje veebisaiti või dünaamilist veebisaiti, saate kindlasti neid nõuandeid kasutada.

Soovitan: