Tips til brug af Inspect Element i Google Chrome-browseren

Google Chrome er ikke kun designet til almindelige internetbrugere, men også til webudviklere, som ofte opretter et websted, designer blogs osv. Indstillingen Inspect Element eller Inspect i Google Chrome hjælper brugere med at finde nogle oplysninger om et websted, der er skjult for visning . Her er nogle tip til brug af Inspect Element of Google Chrome browser til Windows PC .

Undersøg Element af Google Chrome

1] Find hidden JavaScript/Media files

Undersøg Element af Google Chrome

Mange websteder viser popup-vinduer, hvis den besøgende bliver på websiden i mere end 15 eller 20 sekunder. Eller mange gange åbnes et billede, en annonce eller et ikon efter at have klikket et tilfældigt sted. For at finde disse skjulte filer på en webside kan du gøre brug af fanen Kilder(Sources) i Inspect Element . Det viser en trævisningsliste i venstre side, som kan udforskes.

2] Get HEX/RGB color code in Chrome

Undersøg Element of Google Chrome tips og tricks

Nogle gange kan vi godt lide en farve og vil måske finde ud af dens farvekode. Du kan nemt finde den HEX- eller RGB -farvekode, der bruges på en bestemt webside, ved at bruge den indbyggede mulighed i Google Chrome . Højreklik(Right-click) på farven, og klik på Inspicer(Inspect) . Det meste af tiden vil du få farvekoden på højre side med andre CSS . Hvis du ikke kan se det, ja, du skal muligvis bruge noget gratis farvevælgersoftware.

TIP : Tag også et kig på disse farvevælger-onlineværktøjer(Color Picker online tools) .

3] Få tips til forbedring af websidens ydeevne(3] Get web page performance improvement tips)

Undersøg Element of Google Chrome tips og tricks

Alle elsker at lande på en hjemmeside, der åbner hurtigt. Hvis du designer din hjemmeside, bør du altid have det i tankerne. Der er mange værktøjer til at kontrollere og optimere sideindlæsningshastigheden. Google Chrome kommer dog også med et indbygget værktøj, der giver brugerne mulighed for at få tips til at forbedre hjemmesidens indlæsningshastighed. For at få adgang til disse værktøjer skal du gå til fanen Revision(Audits) og sørge for, at Netværksudnyttelse(Network Utilization) , Websideydelse(Web Page Performance) og Genindlæs side og Revision ved indlæsning(Reload Page and Audit on Load) er valgt. Klik derefter på knappen Kør(Run ) . 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, der ikke har nogen cache-udløb, JavaScriptder kan kombineres til én fil, og så videre.

4] Tjek reaktionsevne(4] Check responsiveness)

Undersøg Element of Google Chrome tips og tricks

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 fuldstændig responsivt eller ej. Dette værktøj fra Google Chrome hjælper dog brugerne med at vide, om webstedet er responsivt eller ej , samt tjekke, hvordan det ville se ud på en bestemt mobilenhed. Åbn et hvilket som helst websted, få fanen Inspect Element , klik på mobilknappen(mobile ) , indstil opløsningen, eller vælg den ønskede enhed for at teste websiden.

5] Rediger live hjemmeside(5] Edit live website)

Undersøg Element of Google Chrome tips og tricks

Lad os antage, at du opretter en webside, men du er forvirret over farveskemaet eller navigationsmenuens størrelse eller indhold eller sidebjælkeforhold. Du kan redigere dit live-websted ved at bruge indstillingen Inspect Element i Google Chrome . Selvom du ikke kan gemme ændringerne på et live-websted, kan du få udført hele redigeringen, så du kan bruge det yderligere. For at gøre det skal du åbne Inspect Element , vælge HTML -egenskaben fra venstre side og foretage stilændringer i højre side. Hvis du foretager en ændring i CSS , kan du klikke på fillinket, kopiere hele koden og indsætte den i den originale fil.

Inspect Element of Google Chrome er en ægte følgesvend til enhver webudvikler. Det er lige meget, om du udvikler en ensidet hjemmeside eller en dynamisk hjemmeside, du kan helt sikkert bruge disse tips.



Morten Lindqvist

About the author

Jeg er webudvikler med erfaring med at arbejde med både Windows 11 og 10. Jeg har også været Firefox-bruger i mange år og er blevet ret dygtig til at bruge den helt nye Xbox One-spilkonsol. Mine store interesser ligger inden for softwareudvikling, specifikt inden for web- og mobiludvikling, samt datavidenskab. Jeg er meget vidende om forskellige computersystemer og deres brug, så jeg kan give upartisk feedback på forskellige programmer eller tjenester, du måtte bruge.


Related posts