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.

Mobil Betalingssystemer: Era Of A Cashless Future

Denne artikkelen er en del av vår "Mobile Payment Systems-serien" - der vi ser på hvordan mobil teknologi er rettet mot et kontantløst samfunn. Klikk her for å se flere artikler i samme serie I denne stadig mer digitale verden er det ikke overraskende at pengene også følger med. Nylige trender viser at digitale penger som holdes i lommebøker, snart erstatter fysiske kontanter og til og med kredittkort . Noen

(Tekniske og design tips)

WordPress Search: Nyttige Plugins and Snippets

WordPress er et kraftig CMS-verktøy, som ikke bare driver blogger, men utallige fora og personlige nettsider. Mange av funksjonene som tilbys er ganske avanserte for markedet, men deres søk ser fortsatt ut til å ligge. Funksjonene gir en veldig enkel løsning for et ekstremt komplekst problem - å finne riktig innhold på nettstedet ditt!Selv

(Tekniske og design tips)