DevTools Tips

Use document.designMode to spell check your webpage

Amelia Bellamy-Royds shared a really cool tip to spell-check a webpage's content from DevTools:

  1. Open DevTools, and go to the Console tool.
  2. Type document.designMode = "on" and press Enter.
  3. Click somewhere on the webpage.
  4. The browser now highlights the misspelled words in red!

Edge, with DevTools opened on the side. The designMode trick was used in the Console, and the webpage shows a lot of red squiggly lines