Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

Edit HTML in the Console Panel

Edit HTML in the Console Panel of DevTools

The DOM node context menu, which you may recognize from the elements panel, is also present in the console panel.

  1. Log a DOM node to the console.
  2. Right click on it.
  3. Select Edit as HTML or Edit Text.
  4. Notice the DOM is updated on the page and also in the Elements Panel.