Conserva l'evidenziazione dell'elemento DOM in chrome dev tools/firebug

Question

C'è un modo per mantenere l'evidenziazione che mostra le proprietà boxmodel (larghezza, margine, riempimento, bordo) di un elemento DOM? Sto provando a controllare il comportamento di un elemento quando la finestra viene ridimensionata, quindi sarebbe bello vedere le misure in modo permanente.

Le soluzioni per gli strumenti per sviluppatori di Chrome e Firebug (Firefox) sono state apprezzate!

Answer 1

Questo non è possibile per Chrome DevTools, ma è possibile aprire il riquadro Metrics nella parte destra del pannello Elements di controllare i contenuti zona/padding/bordo/margine quando la finestra viene ridimensionata.