Näpunäiteid kontrollielemendi kasutamiseks Google Chrome'i brauseris

Tips Using Inspect Element Google Chrome Browser



Siin on mõned näpunäited, mis aitavad teil Google Chrome'i kontrollielementi paremini kasutada. Redigeerige veebisaiti reaalajas, kontrollige reageerimisvõimet, leidke peidetud faile ja palju muud!

Eeldades, et soovite näpunäiteid Google Chrome'i brauseris funktsiooni Kontrolli elementi kasutamise kohta. Paremklõpsake elemendil, mida soovite kontrollida, ja valige rippmenüüst 'Inspekteeri'. Inspektori avamiseks võite kasutada ka kiirklahvi Ctrl+Shift+I (Windows) või Cmd+Opt+I (Mac). Kui olete inspektori avanud, näete vasakul lehe HTML-i ja paremal CSS-i. Saate Inspectoris teha HTML-i ja CSS-i muudatusi ja näha, et need muudatused jõustuvad lehel kohe. Inspektorist väljumiseks klõpsake lihtsalt paremas ülanurgas X-i.



Google Chrome pole mõeldud ainult tavalistele veebikasutajatele, vaid ka veebiarendajatele, kes loovad sageli veebisaite, ajaveebe jne. Kontrollige elementi või Kontrollige Google Chrome'i valik aitab kasutajatel leida teavet veebisaidi kohta, mis on peidetud. Siin on mõned näpunäited Inspect Elementi kasutamiseks Google Chrome'i brauseris Windows PC jaoks.







Kontrollige Google Chrome'i elementi

1] Otsige peidetud JavaScripti/meediumifaile





Kontrollige Google Chrome



kasutajaprofiili akende kustutamine 10

Paljud veebisaidid näitavad hüpikaknaid, kui külastaja viibib veebilehel kauem kui 15 või 20 sekundit. Või paljudel juhtudel avaneb pilt, reklaam või ikoon pärast juhuslikku klõpsamist kuskil. Nende peidetud failide leidmiseks veebilehelt saate kasutada Allikad Kontrolli elementi vahekaarti. Vasakul kuvatakse puutaoline loend, mida saate uurida.

2] Hankige Chrome'is HEX/RGB värvikood

Kontrollige Google Chrome



Mõnikord võib meile mõni värv meeldida ja tahame teada selle värvikoodi. Konkreetsel veebilehel kasutatava HEX- või RGB-värvikoodi leiate hõlpsalt Google Chrome'i sisseehitatud valiku abil. Paremklõpsake värvi ja valige Kontrollige . Enamikul juhtudel kuvatakse erineva CSS-iga paremal küljel värvikood. Kui te seda ei näe, peate võib-olla kasutama tasuta värvivalija tarkvara.

Windows 10 vaikeprinteri seadistamine

VIHJE : Vaadake neid Veebipõhised värvivalija tööriistad Sama.

Windowsi aero lubamine

3] Hankige näpunäiteid veebilehe toimivuse parandamiseks

Kontrollige Google Chrome

Kõigile meeldib külastada saiti, mis avaneb kiiresti. Kui kujundate oma veebisaiti, peaksite seda alati meeles pidama. Lehe laadimiskiiruse testimiseks ja optimeerimiseks on palju tööriistu. Google Chrome'il on aga ka sisseehitatud tööriist, mis võimaldab kasutajatel saada näpunäiteid veebisaidi laadimiskiiruse parandamiseks. Nendele tööriistadele juurdepääsuks minge aadressile Audit vahekaarti ja veenduge Võrgukasutus , Veebilehe jõudlus , i Lehe uuesti laadimine ja auditeerimine laadimisel valitud. Seejärel klõpsake nuppu jooksma nuppu. See laadib lehe uuesti ja näitab teile teavet, mida saab lehe kiirendamiseks kasutada. Näiteks saate hankida kõik ressursid, millel pole aegunud vahemälu, JavaScripti, mida saab üheks failiks ühendada jne.

4] Testi reageerimisvõime

Kontrollige Google Chrome

Tänapäeval on äärmiselt oluline muuta veebileht responsiivseks. On palju tööriistu, mis võimaldavad kontrollida, kas teie sait on täielikult reageeriv. See Google Chrome'i tööriist aitab aga kasutajaid saate teada, kas sait reageerib või mitte ja kontrollige ka, kuidas see konkreetses mobiilseadmes välja näeb. Avage mis tahes sait, hankige Kontrollige elementi vahekaarti, klõpsake nuppu mobiilne klõpsake nuppu, määrake eraldusvõime või valige veebilehe kontrollimiseks soovitud seade.

keelake turvalised alglaadimisaknad 10

5] Muutke reaalajas veebisaiti

Kontrollige Google Chrome

Oletame, et loote veebilehte, kuid te ei tea, mis on värviskeem, navigeerimismenüü suurus, sisu või külgriba kuvasuhe. Saate muuta oma reaalajas veebisaiti, kasutades Google Chrome'i valikut Kontrolli elementi. Kuigi te ei saa aktiivse veebisaidi muudatusi salvestada, saate teha kõik redigeerimised, et saaksite seda hiljem kasutada. Selleks ava Inspect Element, vali vasakult HTML atribuut ja tee paremal pool stiilimuudatused. Kui teete CSS-is muudatusi, võite klõpsata faili linki, kopeerida kogu koodi ja kleepida selle algsesse faili.

Windowsi vigade kiireks leidmiseks ja automaatseks parandamiseks laadige alla PC Repair Tool

Google Chrome'i Inspect Element on iga veebiarendaja tõeline kaaslane. Olenemata sellest, kas kujundate ühelehelist veebisaiti või dünaamilist veebisaiti, saate nendest näpunäidetest kindlasti kasu.

Lemmik Postitused