Nasveti za uporabo elementa Inspect v brskalniku Google Chrome

Če predpostavimo, da želite nasvete o uporabi funkcije Inspect Element v brskalniku Google Chrome: Z desno miškino tipko kliknite element, ki ga želite pregledati, in v spustnem meniju izberite 'Pregled'. Za odpiranje Inšpektorja lahko uporabite tudi bližnjico na tipkovnici Ctrl+Shift+I (Windows) ali Cmd+Opt+I (Mac). Ko odprete inšpektor, boste na levi strani videli HTML, na desni pa CSS. V inšpektorju lahko spremenite HTML in CSS in vidite, da te spremembe takoj začnejo veljati na strani. Za izhod iz inšpektorja preprosto kliknite X v zgornjem desnem kotu.

Google Chrome ni samo za splošne uporabnike spleta, ampak tudi za spletne razvijalce, ki pogosto ustvarjajo spletna mesta, bloge itd. Preverite element oz Preglejte Možnost Google Chrome uporabnikom pomaga najti nekaj informacij o spletnem mestu, ki je skrito očem. Tukaj je nekaj nasvetov za uporabo Inspect Element v brskalniku Google Chrome za osebni računalnik z operacijskim sistemom Windows.

Preverite element Google Chrome

1] Poiščite skrite JavaScript/medijske datoteke

izbriši uporabniški profil Windows 10

Številna spletna mesta prikažejo pojavna okna, če obiskovalec ostane na spletni strani več kot 15 ali 20 sekund. Ali pa se v mnogih primerih slika, oglas ali ikona odpre, potem ko nekje pomotoma kliknete. Če želite poiskati te skrite datoteke na spletni strani, lahko uporabite Viri Zavihek Pregled elementa. Na levi je prikazan drevesni seznam, ki ga lahko raziskujete.

sličice onedrive niso prikazane

2] Pridobite barvno kodo HEX/RGB v Chromu

Včasih nam je barva morda všeč in želimo vedeti njeno barvno kodo. Barvno kodo HEX ali RGB, uporabljeno na določeni spletni strani, lahko preprosto najdete z vgrajeno možnostjo v brskalniku Google Chrome. Z desno miškino tipko kliknite barvo in izberite Preglejte . V večini primerov boste na desni strani imeli barvno kodo z drugačnim CSS. Če je ne vidite, boste morda morali uporabiti brezplačno programsko opremo za izbiro barv.

NAMIG : Oglejte si te Spletna orodja za izbiro barv Enako.

3] Pridobite nasvete za izboljšanje delovanja spletne strani

ikona globusa 10

Vsi radi obiščejo stran, ki se hitro odpre. Če načrtujete svoje spletno mesto, morate to vedno imeti v mislih. Obstaja veliko orodij za testiranje in optimizacijo hitrosti nalaganja strani. Vendar pa ima Google Chrome tudi vgrajeno orodje, ki uporabnikom omogoča, da dobijo nasvete za izboljšanje hitrosti nalaganja spletnega mesta. Za dostop do teh orodij pojdite na revizija in se prepričajte Uporaba omrežja , Delovanje spletne strani , jaz Ponovno nalaganje strani in revizija ob nalaganju izbrano. Nato kliknite na teči gumb. Ponovno bo naložil stran in vam pokazal nekaj informacij, ki jih lahko uporabite za pospešitev strani. Dobite lahko na primer vse vire, ki jim predpomnilnik ni potekel, JavaScript, ki jih je mogoče združiti v eno datoteko, itd.

4] Preizkusite odzivnost

V današnjem času je zelo pomembno narediti spletno stran odzivno. Obstaja veliko orodij, ki lahko preverijo, ali je vaše spletno mesto popolnoma odzivno. Vendar pa to orodje Google Chrome pomaga uporabnikom vedeti, ali je spletno mesto odzivno ali ne in tudi preverite, kako bo videti na določeni mobilni napravi. Odprite katero koli spletno stran, dobite Preverite element zavihek, kliknite na mobilni kliknite gumb, nastavite ločljivost ali izberite želeno napravo, da preverite spletno stran.

onemogoči varni zagonski Windows 10

5] Urejanje spletnega mesta v živo

Recimo, da izdelujete spletno stran, vendar ne veste, kakšna je barvna shema, velikost navigacijskega menija, vsebina ali razmerje stranske vrstice. Spletno mesto v živo lahko urejate z možnostjo Pregled elementa v brskalniku Google Chrome. Čeprav ne morete shraniti sprememb na živo spletno mesto, lahko opravite vse urejanje, da ga lahko uporabite pozneje. Če želite to narediti, odprite element Pregled, izberite lastnost HTML na levi strani in spremenite slog na desni strani. Če spremenite CSS, lahko kliknete povezavo do datoteke, kopirate vso kodo in jo prilepite v izvirno datoteko.

Inspect Element iz Google Chroma je pravi spremljevalec vsakega spletnega razvijalca. Ne glede na to, ali načrtujete enostransko spletno mesto ali dinamično spletno mesto, vam bodo ti nasveti zagotovo koristili.