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.

Gaveideer: 15 Awesome Pocket-sized Gadgets

IPod Building Block Portable Speaker Dock Denne kule Retro Dock-høyttaleren ser ut som et Lego-stykke når det faktisk er en mini-høyttaler du kan koble til iPod-en. Den er tilgjengelig i forskjellige farger: hvit, svart, blå, rød, grønn, oransje, rosa og lilla. [Pris - $ 19.90] Chobi Cam Cheese Mini Digital Toy Kamera Enkelt et av de minste kameraene i verden, som veier inn på 16 g, og ikke større enn din håndflate, kan dette "stykket ost" ta foto stillbilder, ta opp video og ta opp stemme. Den kan

(Tekniske og design tips)

Nye versus nåværende kunder - som er viktigere?

Hvis du er en frilansdesigner som serverer et målmarked som ser ut til å krympe eller ikke gir deg nok forretninger, er det kanskje på tide å bytte opp kundebase. Dette kan gjøres på en rekke forskjellige måter, men innebærer vanligvis å ta en beslutning om å oppsøke nye kunder eller oppsvinge og styrke forholdet til kundene du allerede har. Vi går ov

(Tekniske og design tips)