A ruler to misure pixel of any web element
Web Ruler Extension
IT: righello che consente di mostrare le dimensioni (lunghezza, altezza e distanza dal punto di origine) di tutto ciò che vogliamo, all'interno delle nostre pagine web
Commands:
1) clicca sul bottone sinistro del mouse per creare il punto di origine
2) muovi il mouse così da dimensionare l'area che si vuole rilevare
3) clicca una seconda volta (o anche il tasto ENTER) per rendere fisse le dimensioni dell'area selezionata
4) l'area selezionata può essere spostata tramite i tasti freccia della tastiera o con un semplice trascinamento della stessa.
5) per ridimensionare l'area (sempre dallo stesso punto di origine), quindi ricollegarla al mouse, cliccare sul tasto ENTER
6) cliccando sulla barra spaziatrice si può cambiare il tema del righello da chiaro a scuro e viceversa
EN: ruler that allows you to show the dimensions (width, height and distance from the origin point) of whatever we want within our web pages.
Commands:
1) click on left button mouse to create origin point
2) move the mouse to resize the area that you want detect
3) click another time on left button mouse to define area (or click ENTER button keyboard)
4) move the selected area with click on the keyboard arrows or drag it
5) to resize the area or anyway connect it to the mouse (without change origin point) click on ENTER keyboard button
6) switch between dark mode or light mode with click on SPACE keyboeard button
Read more
Commands:
1) clicca sul bottone sinistro del mouse per creare il punto di origine
2) muovi il mouse così da dimensionare l'area che si vuole rilevare
3) clicca una seconda volta (o anche il tasto ENTER) per rendere fisse le dimensioni dell'area selezionata
4) l'area selezionata può essere spostata tramite i tasti freccia della tastiera o con un semplice trascinamento della stessa.
5) per ridimensionare l'area (sempre dallo stesso punto di origine), quindi ricollegarla al mouse, cliccare sul tasto ENTER
6) cliccando sulla barra spaziatrice si può cambiare il tema del righello da chiaro a scuro e viceversa
EN: ruler that allows you to show the dimensions (width, height and distance from the origin point) of whatever we want within our web pages.
Commands:
1) click on left button mouse to create origin point
2) move the mouse to resize the area that you want detect
3) click another time on left button mouse to define area (or click ENTER button keyboard)
4) move the selected area with click on the keyboard arrows or drag it
5) to resize the area or anyway connect it to the mouse (without change origin point) click on ENTER keyboard button
6) switch between dark mode or light mode with click on SPACE keyboeard button
Source Manifest.json
{"update_url":"http://clients2.google.com/service/update2/crx", "name": "Web Ruler", "version": "0.0.3", "manifest_version": 2, "description": "A ruler to misure pixel of any web element", "permissions":["tabs", "http://*/*", "https://*/*"], "background": { "scripts": ["mootools-core-1.4.5-full-compat.js", "mootools-more-1.4.0.1.js", "bck_ruler.js"], "persistent": false }, "content_scripts":[{ \t\t\t\t\t\t"matches": ["http://*/*", "https://*/*"], \t\t\t\t\t\t"js": ["mootools-core-1.4.5-full-compat.js", "mootools-more-1.4.0.1.js"], \t\t\t\t\t\t"css": ["ruler.css"]\t}], "browser_action": { \t\t"default_icon": "imgs/ico_19_opa40.png",\t\t"default_title": "Misure your pixel" \t},\t "web_accessible_resources": ["imgs/ruler_OeV.png", "imgs/ruler_OeV_white.png"], "icons": { "16": "imgs/ico_16.png", "48": "imgs/ico_48.png", "128": "imgs/ico_128.png" }\t}
Read more