«   Previous tip Next tip   »

Chrome DevTools: Duplicate DOM nodes

Last updated: 21st December 2018
Duplicate DOM nodes

Or what are essentially cut/copy & paste operations.

You can easily change the DOM without having to edit the HTML as a big piece of string.

You can also Cut (right click > Cut, Cmd + x/Ctrl + x) a DOM node and paste - which has the effect of moving the node.

Experiment: Try adding more links in the header/footer of a site using this copy and paste technique and figure out at which point the layout needs improving!

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week