Tips om brug af inspektionselementet i Google Chrome-browseren

Indholdsfortegnelse:

Video: Tips om brug af inspektionselementet i Google Chrome-browseren

Video: Tips om brug af inspektionselementet i Google Chrome-browseren
Video: How to add Rule Lines in OneNote for Windows 10 2024, Marts
Tips om brug af inspektionselementet i Google Chrome-browseren
Tips om brug af inspektionselementet i Google Chrome-browseren
Anonim

Google Chrome er designet til ikke kun for almindelige internetbrugere, men også til webudviklere, som ofte opretter et websted, designer blogs osv Undersøg Element eller Inspicere mulighed for Google Chrome hjælper brugerne med at finde nogle oplysninger om et websted, der er skjult for visning. Her er nogle tips om brugen af inspektionselementet i Google Chrome-browseren til Windows-pc.

Undersøg elementet af Google Chrome

1] Find skjulte JavaScript / Mediefiler

Image
Image

Mange websites viser popups, hvis den besøgende forbliver på websiden 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 gøre brug af Kilder fanen af inspektionselementet. Det viser en træ-visning liste på venstre side, som kan udforskes.

2] Få HEX / RGB-farvekode i Chrome

Image
Image

Nogle gange kan vi lide en farve og vil 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å Inspicere. 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 nogle gratis farvevælger software.

TIP: Se også på disse Color Picker onlineværktøjer.

3] Få tips om forbedring af websider

Image
Image

Alle elsker at lande på en hjemmeside, 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 Revision fanebladet og sørg for Netværksudnyttelse, Webside præstation, og Genindlæs side og revision ved læsning er valgt. Klik derefter på Løb knap. Det vil genindlæse siden og vise dig nogle oplysninger, der kan bruges til at gøre siden hurtigere. For eksempel kan du få alle de ressourcer, de ikke har nogen cache-udløb, JavaScript, der kan kombineres til en fil osv.

4] Kontroller lydhørhed

Image
Image

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. Dette værktøj i Google Chrome hjælper brugerne med at vide, om webstedet er lydhurt eller ej, og se, hvordan det ville se ud på en bestemt mobilenhed. Åben ethvert websted, få Undersøg Element fanebladet, klik på knappen mobil knappen, indstil opløsningen eller vælg den ønskede enhed for at teste websiden.

5] Rediger live website

Lad os antage, at du opretter en webside, men du er forvirret om farveskemaet eller navigationsmenuen 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 en ændring i CSS, kan du klikke på fillinket, kopiere hele koden og indsætte det i den oprindelige fil.
Lad os antage, at du opretter en webside, men du er forvirret om farveskemaet eller navigationsmenuen 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 en ændring i CSS, kan du klikke på fillinket, kopiere hele koden og indsætte det i den oprindelige fil.

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

Anbefalede: