Screen Ruler for Google Chrome
Screen Ruler è lo strumento perfetto per sviluppatori web e designer che desiderano misurare dimensioni, distanze e margini di qualsiasi elemento su una pagina web.
Elencato nelle categorie:
Strumenti di designEstensioni di ChromeStrumenti per sviluppatori




Descrizione
Screen Ruler è un'estensione di Chrome progettata per sviluppatori web e designer per misurare dimensioni, distanze, margini e padding di qualsiasi elemento su qualsiasi pagina web. Consente agli utenti di convalidare l'implementazione dei propri siti web fornendo informazioni dettagliate sulle dimensioni degli elementi, nomi dei tag, ID e classi semplicemente passando il mouse su di essi.
Come usare Screen Ruler for Google Chrome?
Per utilizzare Screen Ruler, fai clic sull'icona dell'estensione o utilizza il menu contestuale del tasto destro per attivarlo. Passa il mouse sugli elementi per vedere le loro dimensioni e proprietà, seleziona gli elementi per misurare le distanze e accedi al CSS calcolato nel pannello laterale. Puoi personalizzare le scorciatoie da tastiera per un accesso più facile.
Funzionalità principali di Screen Ruler for Google Chrome:
1️⃣
Misura la dimensione in pixel di qualsiasi elemento
2️⃣
Misura la distanza in pixel tra due elementi
3️⃣
Visualizza i nomi dei tag HTML, i nomi delle classi e gli ID
4️⃣
Accedi al CSS calcolato e copialo negli appunti
5️⃣
Personalizza le scorciatoie da tastiera
Perché potrebbe essere usato Screen Ruler for Google Chrome?
# | Caso d'uso | Stato | |
---|---|---|---|
# 1 | Gli sviluppatori web possono convalidare l'implementazione dei propri design controllando le dimensioni e gli allineamenti degli elementi. | ✅ | |
# 2 | I designer possono garantire un'accuratezza perfetta in pixel nei loro design confrontandoli con le pagine web implementate. | ✅ | |
# 3 | I team di assicurazione qualità possono utilizzare lo strumento per identificare problemi di layout e allineamento prima che un sito web venga pubblicato. | ✅ |
Sviluppato da Screen Ruler for Google Chrome?
Screen Ruler è sviluppato da Nontrader, uno sviluppatore focalizzato sulla creazione di strumenti per sviluppatori web e designer per migliorare il loro flusso di lavoro e migliorare l'accuratezza dell'implementazione dei siti web.