Subscribe to get weekly email with the most promising tools 🚀

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
Screen Ruler for Google Chrome-image-0
Screen Ruler for Google Chrome-image-1
Screen Ruler for Google Chrome-image-2
Screen Ruler for Google Chrome-image-3
Screen Ruler for Google Chrome-image-4

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'usoStato
# 1Gli sviluppatori web possono convalidare l'implementazione dei propri design controllando le dimensioni e gli allineamenti degli elementi.
# 2I designer possono garantire un'accuratezza perfetta in pixel nei loro design confrontandoli con le pagine web implementate.
# 3I 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.

Domande frequenti di Screen Ruler for Google Chrome