Alterne rapidamente as alterações de DOM no Chrome

Nas ferramentas de desenvolvimento do Chrome, às vezes você quer ver como a adição e remoção de uma classe afeta seus elementos. Uma maneira de fazer isso é localizar o elemento, colocar o cursor no classatributo e adicioná-lo e excluí-lo manualmente enquanto observa o que acontece no navegador.

Em vez de fazer isso manualmente, embora as ferramentas de desenvolvimento tenham o foco, você pode usar ctrl+ze ctrl+ypara alternar entre as alterações diretas do DOM.