Pixel Ruler

Користите Pixel Ruler за мерење пиксела на било којој страници: лењир на екрану за величине и размаке.

Pixel Ruler ставља лењир преко екрана и омогућава да у прегледачу измерите било шта. Кликните на икону у траци са алаткама, превуците мишем преко распореда и прочитајте тачно растојање у CSS пикселима. Пређите показивачем преко елемента и добијате његову ширину, висину, унутрашњу маргину и размаке до блокова око њега. Бројеви се поклапају са DevTools, јер додатак чита исте CSS пикселе којима прегледач исцртава страницу. Нема панела који треба отворити, нема снимка екрана који треба извозити, нема рачунања напамет. Само лењир на екрану, преко сајта који ионако већ гледате. Један слој преко странице, нема између чега да се пребацујете: 📏 Притисните и превуците да измерите растојање између било које две тачке на страници. 📏 Покажите на елемент и видећете његову величину, унутрашње маргине и размаке до суседа. 📏 Спустите вертикалне и хоризонталне водиље и поравнајте блокове по њима. Лењир вам је стално на екрану као ослонац, а један тастер копира резултат у оставу заједно са CSS селектором елемента испод показивача. Како да почнете, у три корака: 1. Инсталирајте додатак и закачите га на траку са алаткама. 2. Отворите страницу на којој радите и кликните на икону. 3. Вуците, показујте, мерите — када завршите, двапут притисните Esc. Front-end програмери њиме пореде распоред са макетом. Дизајнерима служи као лењир за страницу када је предата датотека већ застарела. QA инжењери пријаве грешку са стварним бројем уместо "дугме делује мало ниже него што треба". Свако коме треба брзо мерење у пикселима на живом сајту добија га из два клика. Шта вам овај веб лењир даје: - растојање између било које две тачке, у пикселима - ширину и висину било ког елемента на страници - унутрашње маргине, спољне маргине и размаке између суседа - помаке од елемента до блокова око њега - размере уз горњу и леву ивицу прозора - ознаку, класе и CSS селектор елемента који сте измерили - водиље за вишекратну употребу при провери поравнања Управљање тастатуром држи показивач мирним: → Shift закључава мерење на водоравну или усправну осу → Стрелице померају тренутну тачку за тачно 1 px → Esc брише тренутно мерење, други Esc враћа страницу → Једна пречица копира резултат у оставу Инсталирате једном и имате исти лењир за пикселе који користе људи на Windows, Linux и ChromeOS, и исти лењир за пикселе који користе људи на Mac, јер алатка живи у прегледачу, а не у оперативном систему. Нема преузимања које треба тражити, нема инсталационог програма ни администраторских права: додатак стиже из Chrome Web Store једним кликом. На старту је то бесплатан лењир за пикселе, са свим могућностима отвореним за све. Екрански лењир који се отвара у засебном прозору почиње да мери погрешну ствар чим се страница помери. Овај лењир за пикселе исцртан је унутар картице и помера се заједно са садржајем. Ово је лењир за пикселе на мрежи: ради на живој страници, на тест серверу, на клијентском сајту, иза пријаве. Програм на радној површини који мери непокретну слику прозора то не може. Треба да проверите илустрацију или логотип? Употребите га као пиксел лењир за слике — пређите преко слике и прочитајте величину у којој је приказана, а она често није величина из изворне датотеке. Питања и одговори П: Како измерити пикселе на екрану без отварања DevTools? О: Кликните на икону и превуците. Слој стоји изнад странице, па мерите оно што заиста видите, укључујући и hover стања која нестану када панел преузме фокус. П: Екрански лењир, лењир за пикселе, мерење у px, screen ruler, px ruler, pixelruler — које је од тога ово? О: Све. Алатка је иста, мења се само фраза у претрази. П: Може ли да мери у центиметрима или инчима? О: Не. Ово је лењир за пикселе и приказује искључиво CSS пикселе, јединицу коју пишете у стиловима. П: Да ли ради свуда? О: На обичним сајтовима да. Системске странице Chrome, уграђени PDF читач и унутрашњост iframe са другог домена затворени су за сваки додатак, па и за овај. П: Које податке прикупља? О: Никакве. Нула мрежних захтева, без налога, без регистрације. При инсталацији не тражи ниједну застрашујућу дозволу и страницу дотиче тек пошто кликнете на икону. Старе навике су спорије и мање тачне: држати пластични лењир уз стакло монитора или бројати пикселе на снимку екрана. Лењир за рад на екрану рачунара мора да живи унутар прегледача, да се поново исцрта када се распоред преломи и да говори истим јединицама као код. Управо то овај слој и ради, и зато лењир за пикселе на сајту побеђује лењир нацртан преко снимка залепљеног у графички уређивач. Опис је доступан на 52 језика, па је веб лењир за пикселе на једну претрагу и на вашем. Инсталирајте га, измерите пикселе на следећој страници коју отворите и држите лењир на екрану на један клик до краја дана.