Pixel Ruler

Kasuta Pixel Rulerit pikslite mõõtmiseks igal veebilehel: ekraanijoonlaud elementide mõõtude ja vahede jaoks.

Pixel Ruler toob joonlaua otse ekraanile ja lubab brauseris kõike ära mõõta. Klõpsa tööriistariba ikoonil, lohista hiirt üle küljenduse ja loe täpne vahemaa CSS-pikslites. Vii kursor elemendi kohale ning näed selle laiust, kõrgust, paddingut ja vahesid ümbritsevate plokkideni. Numbrid klapivad DevToolsi omadega, sest laiendus loeb samu CSS-piksleid, millega brauser lehe joonistab. Ühtki paneeli pole vaja avada, ekraanipilti eksportida ega peast arvutada. Lihtsalt pikslijoonlaud selle saidi peal, mida sa niikuinii vaatad. Üks kiht, mille sees pole midagi vahetada: 📏 Hoia hiirenuppu all ja lohista, et mõõta vahemaa lehe kahe suvalise punkti vahel. 📏 Osuta elemendile ja näe selle mõõtmeid, paddingut ning kaugusi naabriteni. 📏 Aseta püst- ja rõhtjuhikud ning joonda plokid nende järgi. Joonlaud on kogu aeg ekraanil käepärast ja üksainus klahv kopeerib tulemuse koos kursori all oleva elemendi CSS-selektoriga lõikelauale. Kuidas alustada, kolme sammuga: 1. Paigalda laiendus ja kinnita see tööriistaribale. 2. Ava leht, millega parajasti töötad, ja klõpsa ikoonil. 3. Lohista, osuta, mõõda — kui valmis said, vajuta kaks korda Esc. Front-end-arendajad kontrollivad sellega küljendust maketi vastu. Disainerid kasutavad seda lehejoonlauana, kui üleandmisfail on juba ajale jalgu jäänud. QA-insenerid kirjutavad veateate päris numbriga, mitte sõnadega "nupp tundub veidi liiga madalal". Igaüks, kes vajab kiiret pikslimõõtu töötaval saidil, saab selle kahe klõpsuga. Mida see veebijoonlaud annab: - vahemaa kahe suvalise punkti vahel, pikslites - lehe mis tahes elemendi laiuse ja kõrguse - paddingu, marginaalid ja vahed naaberelementide vahel - kaugused elemendist ümbritsevate plokkideni - skaalad akna ülemises ja vasakus servas - mõõdetud elemendi sildi, klassid ja CSS-selektori - korduvkasutatavad juhikud joonduse kontrollimiseks Klaviatuur hoiab kursorit paigal: → Shift lukustab mõõtmise rõht- või püstteljele → Nooleklahvid nihutavad praegust punkti täpselt 1 piksli võrra → Esc kustutab praeguse mõõtmise, teine Esc annab lehe tagasi → Üks kiirklahv kopeerib tulemuse lõikelauale Paigalda korra ja sul on seesama pikslijoonlaud, mida kasutavad Windowsi, Linuxi ja ChromeOSi inimesed, ning seesama, mida kasutavad Maci omad, sest tööriist elab brauseris, mitte operatsioonisüsteemis. Ühtki allalaaditavat faili pole vaja otsida, installerit ega administraatoriõigusi samuti: laiendus tuleb Chrome Web Store'ist ühe klõpsuga. Stardis on see tasuta pikslijoonlaud ja kõik võimalused on kõigile avatud. Eraldi aknas avanev ekraanijoonlaud hakkab kohe pärast lehe kerimist vale kohta mõõtma. See pikslijoonlaud joonistatakse vahekaardi sisse ja kerib koos sisuga. See on pikslijoonlaud otse veebis: see töötab avatud lehel, testserveris, kliendi saidil, sisselogimise taga. Töölauaprogramm, mis mõõdab akna liikumatut pilti, seda ei suuda. Vaja üle vaadata illustratsioon või logo? Kasuta seda piltide mõõtmiseks — vii kursor pildi kohale ja loe selle kuvatud suurus, mis sageli ei lange kokku lähtefaili omaga. Küsimused ja vastused K: Kuidas mõõta ekraanil piksleid ilma DevToolsi avamata? V: Klõpsa ikoonil ja lohista. Kiht asub lehe peal, nii et mõõdad täpselt seda, mida näed, kaasa arvatud hover-olekud, mis kaovad, kui paneel fookuse endale võtab. K: Ekraanijoonlaud, pikslimõõdik, joonlaud pikslites, screen pixel ruler, px ruler, pixelruler — milline neist see on? V: Kõik need. Tööriist on sama, muutub ainult otsingufraas. K: Kas sellega saab mõõta sentimeetrites või tollides? V: Ei. See on pikslijoonlaud ja näitab ainult CSS-piksleid, sedasama ühikut, mida sa laadilehel kirjutad. K: Kas see töötab kõikjal? V: Tavalistel veebilehtedel jah. Chrome'i süsteemilehed, sisseehitatud PDF-vaatur ja teiselt domeenilt pärit iframe'ide sisu on suletud kõigile laiendustele, ka sellele. K: Milliseid andmeid see kogub? V: Mitte mingeid. Null võrgupäringut, kontot pole vaja, registreerumist samuti. Paigaldamisel ei küsi see ühtki hirmutavat õigust ja puudutab lehte alles siis, kui ikoonil klõpsad. Vanad harjumused on aeglasemad ja ebatäpsemad: plastjoonlaua surumine arvutiekraani klaasi vastu või pikslite lugemine ekraanipildilt. Arvutiekraani joonlaud peab elama brauseri sees, end küljenduse muutudes uuesti joonistama ja rääkima koodiga samades ühikutes. Just seda see ekraanikiht teebki, ja just seetõttu võidab veebilehe pikslijoonlaud graafikaredaktorisse kleebitud pildi mõõtmise. Kirje on saadaval 52 keeles, nii et veebi pikslijoonlaud on sinu keeles ühe otsingu kaugusel. Paigalda see, mõõda piksleid järgmisel avataval lehel ja hoia ekraanijoonlaud terve ülejäänud päeva ühe klõpsu kaugusel.