Copying HTML code in Google Chrome's inspect element
210,336
Solution 1
Do the following:
- Select the top most element, you want to copy. (To copy all, select
<html>
) - Right click.
- Select Edit as HTML
- New sub-window opens up with the HTML text.
- This is your chance. Press CTRL+A/CTRL+C and copy the entire text field to a different window.
it's the easiest way to do this.
Solution 2
- Right click → copy → copy element
Solution 3
- Select the
<html>
tag in Elements. - Do CTRL-C.
- Check if there is only lefting
<!DOCTYPE html>
before the<html>
.
Solution 4
Using HTTrack software you can download all the website content to your local directory. HTTrack: http://www.httrack.com/
Author by
Admin
Updated on August 05, 2021Comments
-
Admin almost 3 years
I have a website of which I want to copy an HTML code from - how do I copy all the text in inspect element - so I don't get the website's HTML code, but the code that I have already changed so that I don't have elements I don't want in my own webpage?
-
Nic almost 8 yearsI've slightly edited your answer to use Markdown formatting instead of manual stuff. I'd recommend learning Markdown, if only because your posts become so much prettier :)
-
djack109 almost 4 yearsThis is the more correct answer. Copy element copies the source of the page and not the rendered content :(
-
amIllusionist almost 4 yearsIt copies all page elements but it does not copy inputted values. How can I copy the page source and the input values together? @barryjones
-
amIllusionist almost 4 yearsIt copies all page elements but it does not copy inputted values. How can I copy the page source and the input values together?