Copy html from Chrome’s developer tools

This video shows you how to copy html content from the developer tools toolbar in Google Chrome.

Written tutorial:

Sometimes you want to copy the html that has been created dynamically on a web page.

Here, for example we are using a javascript for loop in order to create one thousand div elements each with an individual name. Creating all these divs manually would be a lot of work, so the for loop comes in really handy.

If we run this page in Chrome, we can take a look at all those divs, by right clicking and selecting “inspect element”.

To copy the html, we can select the highest parent element of the page which is usually the html tag. Right click on the tag and select copy as HTML. Now you can paste the html into your favorite editor and continue working with it.

Thanks for watching and see you next time on

Leave a Reply

Your email address will not be published. Required fields are marked *