Inspiser boks modell av et element enkelt med XRAY

Har du noen gang ønsket å vite den eksakte størrelsen på et bestemt element på en nettside som polstring, marginen, posisjonen og så videre? Vanligvis kan du få informasjonen ved hjelp av et web inspeksjonsverktøy; de fleste nettlesere har innebygde verktøy for å hjelpe deg med å gjøre dette. Alternativt kan du bruke Firebug, som også er et ganske populært webverktøy. Når ting blir komplisert skjønt, kanskje du trenger å falle tilbake på et verktøy som XRAY.

XRAY er et gratis kryssbrowserverktøy som gjør at du kan se boksemodellen for et hvilket som helst element av en nettside rett i nettleseren din. I motsetning til andre kompliserte webinspeksjonsverktøy, fokuserer XRAY på å gi deg fullstendig informasjon om elementets boksemodell.

Starter

XRAY er et bokmerke. For å bruke den, dra XRAY til bokmerkelinjen din i favorittbrowseren din. XRAY er tilgjengelig for IE6 +, Webkit- og Mozilla-baserte nettlesere som Safari og Firefox.

På samme måte som andre bokmerkere, kan XRAY ikke fungere hvis SSL-protokollen (HTTPS) brukes .

Inspisere elementer

For å starte inspeksjonen, åpne hvilken nettside du vil inspisere, kontroller at den er fullt lastet, og klikk på XRAY-bokmerket. Du får en ny popup-boks i nettleseren din. Denne boksen viser all informasjon om elementet du har valgt.

La oss bruke min inspeksjon av XRAY-hjemmesiden som et eksempel. Si at jeg vil vite boksmodellinformasjonen til følgende element.

Jeg klikker på XRAY i bokmerkelinjen, og velg elementet. Dette gir meg elementets navn, id, klasse, hierarki, posisjon, polstring, kantlinje og margin .

For å lukke boksen, trykk bare X-knappen øverst til høyre i boksen eller oppdater siden for å gå ut av verktøyet.

Endelig tanke

Bortsett fra den avanserte boksmodellinspeksjonsfunksjonen, gir XRAY deg ikke den informasjonen som er vanlig tilgjengelig i andre web inspeksjonsverktøy, som stilen eller DOM . Uansett er det fortsatt ganske nyttig og brukervennlig verktøy for daglig bruk.

50 Geeky Valentinsdagskort du vil gjerne motta

Valentinsdag kommer snart (hvis du har glemt, dette er din påminnelse), så du sannsynligvis ser etter gaveideer og kort. I stedet for de osteiske, ferdigstilte, lovey-dovey V-dagskortene du sender som en forpliktelse, i stedet for fordi du vet din betydelige andre, vil faktisk ha det, har vi her en samling av 50 søte Valentinsdagskort.Sk

(Tekniske og design tips)

40 Absolutt Briljante Billboard Annonser!

Hvor mange reklametavler tok du en titt under din tur eller kjøring i livet ditt? Jeg beklager at jeg ikke kan huske mange av dem, men jeg tror virkelig at det ikke er mitt problem, da billboardet selv burde være stort nok til å tiltrekke meg!Hva gjør et flott reklamepost da? Eller spør deg selv et spørsmål, hva kan føre til at sjåførene truer livet for å se på reklametavlene mens de kjører? Flott billb

(Tekniske og design tips)