Savjeti za korištenje elementa Inspect u pregledniku Google Chrome

Pod pretpostavkom da želite savjete o korištenju značajke Inspect Element u pregledniku Google Chrome: Kliknite desnom tipkom miša na element koji želite pregledati i odaberite 'Provjeri' s padajućeg izbornika. Također možete koristiti tipkovnički prečac Ctrl+Shift+I (Windows) ili Cmd+Opt+I (Mac) da biste otvorili Inspector. Nakon što otvorite Inspector, vidjet ćete HTML za stranicu s lijeve strane i CSS s desne strane. Možete unijeti izmjene u HTML i CSS u Inspectoru i vidjeti kako te promjene odmah stupaju na snagu na stranici. Za izlaz iz Inspectora jednostavno kliknite X u gornjem desnom kutu.

Google Chrome nije samo za opće korisnike weba, već i za web programere koji često stvaraju web stranice, kreiraju blogove itd. Provjerite element ili Pregledati Opcija Google Chrome pomaže korisnicima pronaći neke informacije o web stranici koje su skrivene od pogleda. Evo nekoliko savjeta za korištenje Inspect Element u Google Chrome pregledniku za Windows PC.

Provjerite Google Chrome element

1] Pronađite skrivene JavaScript/medijske datoteke

izbriši Windows profil korisnika 10

Mnoge web stranice prikazuju skočne prozore ako posjetitelj ostane na web stranici dulje od 15 ili 20 sekundi. Ili, u mnogim slučajevima, slika, oglas ili ikona otvaraju se nakon slučajnog klika negdje. Da biste pronašli ove skrivene datoteke na web stranici, možete koristiti Izvori Pregledajte karticu Element. Na lijevoj strani prikazan je popis u obliku stabla koji možete istraživati.

2] Dobijte HEX/RGB kod boje u Chromeu

Ponekad nam se boja može svidjeti i želimo znati njen kod boje. Pomoću ugrađene opcije u pregledniku Google Chrome možete lako pronaći HEX ili RGB kod boje koji se koristi na određenoj web stranici. Desnom tipkom miša kliknite boju i odaberite Pregledati . U većini slučajeva, završit ćete s kodom boje na desnoj strani s različitim CSS-om. Ako ga ne vidite, možda ćete morati koristiti besplatni softver za odabir boja.

kako postaviti zadani pisač u sustavu Windows 10

SAVJET : Pogledajte ove Online alati za odabir boja Isti.

omogućavanje prozora aero

3] Dobijte savjete za poboljšanje performansi web stranice

Svatko voli posjetiti stranicu koja se brzo otvara. Ako dizajnirate svoju web stranicu, to biste uvijek trebali imati na umu. Postoje mnogi alati za testiranje i optimiziranje brzine učitavanja stranice. Međutim, Google Chrome također ima ugrađeni alat koji korisnicima omogućuje dobivanje savjeta za poboljšanje brzine učitavanja web stranice. Za pristup ovim alatima idite na Revizija karticu i uvjerite se Upotreba mreže , Izvedba web stranice , i Ponovno učitavanje stranice i revizija pri učitavanju odabran. Zatim kliknite na trčanje dugme. Ponovno će učitati stranicu i pokazati vam neke informacije koje se mogu koristiti za ubrzavanje stranice. Na primjer, možete dobiti sve resurse kojima nije istekla predmemorija, JavaScript koji se može kombinirati u jednu datoteku i tako dalje.

4] Testirajte odziv

U današnje vrijeme iznimno je važno web stranicu učiniti responzivnom. Postoje mnogi alati koji mogu provjeriti je li vaša stranica u potpunosti responzivna. Međutim, ovaj Google Chrome alat pomaže korisnicima znati je li stranica responzivna ili ne te provjeriti kako će izgledati na određenom mobilnom uređaju. Otvorite bilo koje mjesto, nabavite Provjerite element karticu, kliknite na mobilni kliknite gumb, postavite razlučivost ili odaberite željeni uređaj za provjeru web stranice.

onemogućiti sigurno pokretanje sustava Windows 10

5] Uredite web mjesto uživo

Recimo da izrađujete web stranicu, ali ne znate koja je shema boja, veličina navigacijskog izbornika, sadržaj ili omjer širine i visine bočne trake. Svoju web stranicu uživo možete uređivati ​​pomoću opcije Inspect Element u pregledniku Google Chrome. Iako ne možete spremiti promjene na aktivno web mjesto, možete izvršiti sva uređivanja kako biste ga kasnije mogli koristiti. Da biste to učinili, otvorite Inspect Element, odaberite svojstvo HTML na lijevoj strani i izvršite promjene stila na desnoj strani. Ako napravite bilo kakve promjene u CSS-u, možete kliknuti vezu do datoteke, kopirati sav kod i zalijepiti ga u izvornu datoteku.

Inspect Element iz Google Chromea pravi je suputnik svakog web programera. Bilo da dizajnirate web stranicu s jednom stranicom ili dinamičnu web stranicu, ovi vam savjeti sigurno mogu koristiti.