12 Fancy Tips for Chrome Devtools

David Gilbertson on the hackernoon publication on medium has a great write up of some chrome devtools tips that I really like.

Checkout number eight on the page:

  1. Edit any text on the page
    So, you have a fixed width menu and you want to know if longer text will wrap with any level of grace. Drop that doc into design mode!

Drop this in your console

1
document.designMode = "on"

And then you can freeform edit anything on the page. (Refresh the page, to get out of that mode.)

I didn’t know about that one. That is fancy.