Use document.designMode to spell check your webpage

Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.

Categories: Supported by:

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

See also

Authors: Patrick Brosset

Last edit: - Edit page