/dev tips

🎊   Announcing the new DevTools Pre Launch ModernDevTools.com - A discount, and no subscription fees during this pre-launch period   🎊

(57) Layout Editor Frequent screenshots in the Timeline Panel (59)

Chrome DevTools: Duplicate DOM nodes

14 Jul 2015
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!

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