Tips til brug af inspektionselementet i Google Chrome-browseren

Google Chrome er designet til ikke kun for almindelige internetbrugere, men også til webudviklere, som ofte opretter et websted, designer blogs osv. Inspektionselement eller Inspektion til Google Chrome hjælper brugere med at finde nogle oplysninger om et websted, der er skjult for visning. Her er nogle tips om, hvordan du bruger Inspektionselementet til Google Chrome-browseren til Windows PC.

Undersøg elementet af Google Chrome

1] Find skjulte JavaScript / Mediefiler

Mange websteder viser popups, hvis den besøgende forbliver på internettet side i mere end 15 eller 20 sekunder. Eller mange gange et billede, en annonce eller et ikon åbnes, når du klikker et sted tilfældigt. For at finde disse skjulte filer på en webside kan du benytte fanen Kilder i Inspect Element. Der vises en liste over trævisninger på venstre side, som kan udforskes.

2] Få HEX / RGB-farvekode i Chrome

Nogle gange kan vi have en farve og måske finde ud af dens farvekode. Du kan nemt finde HEX- eller RGB-farvekoden, der bruges på en bestemt webside, ved hjælp af den indbyggede indstilling i Google Chrome. Højreklik på farven, og klik på Inspekter . I de fleste tilfælde får du farvekoden på højre side med andre CSS. Hvis du ikke ser det, må du muligvis bruge en gratis farvevælger-software.

TIP : Se også disse online-værktøjer til Color Picker.

3] Få tips om forbedring af websiden

Alle elsker at lande på et websted, der åbner hurtigt. Hvis du designer dit websted, skal du altid huske det. Der er mange værktøjer til at kontrollere og optimere sideindlæsningshastigheden. Men Google Chrome leveres også med et indbygget værktøj, der giver brugerne mulighed for at få tip til at forbedre websitetets indlæsningshastighed. For at få adgang til disse værktøjer, skal du gå til fanen Revisioner , og sørg for Netværksudnyttelse , Websideydelse og Genindlæs side og revision ved læsning er valgt. Klik derefter på knappen Kør . Det vil genindlæse siden og vise dig nogle oplysninger, der kan bruges til at gøre siden hurtigere. Du kan f.eks. Få alle de ressourcer, der ikke har nogen cache-udløb, JavaScript, der kan kombineres til en fil osv.

4] Kontroller lydstyrke

At gøre en webside responsiv er afgørende, i dag. Der er masser af værktøjer, der kan kontrollere, om dit websted er helt lydhurtigt eller ej. Men dette værktøj i Google Chrome hjælper brugerne med at vide, om webstedet er lydhurt eller ej, og se, hvordan det vil se ud på en bestemt mobilenhed. Åbn et websted, få Inspektionselement fanen, klik på mobil -knappen, indstil opløsningen eller vælg den ønskede enhed for at teste websiden.

5] Rediger livewebsite

Lad os antage, at du opretter en webside, men du er forvirret over farven skema eller navigationsmenu størrelse eller indhold eller sidebar forholdet. Du kan redigere din levende hjemmeside ved hjælp af indskudselementets indstilling i Google Chrome. Selv om du ikke kan gemme ændringerne på et livewebsted, kan du få udført al redigering, så du kan bruge den yderligere. For at gøre det skal du åbne Inspect Element, vælge HTML-ejendommen fra venstre side og foretage stylingændringer på højre side. Hvis du foretager nogen ændring i CSS, kan du klikke på fillinket, kopiere hele koden og indsætte det i den originale fil.

Inspekter Element af Google Chrome er en reel følgesvend af enhver webudvikler. Det er ligegyldigt, om du udvikler en webside eller et dynamisk websted, du kan helt sikkert bruge disse tips.