copy and paste code from safari (chrome) web inspector

Question

I want to copy some html code from the web inspector but am only able to copy one line at a time. Is there any way to select a block of elements or all elements?

Does it work in any non-WebKit browsers you may have installed? Opera, Firefox, or Konqueror? What about RockMelt (a modded version of Chrome)? — Jules, Jul 16 '12 at 02:32

renozu · Accepted Answer · 2012-08-17T14:45:08.650

5

If you right click on any element in the Web Inspector, then click "Copy as HTML" on the resulting pop-up menu, you can then paste the html for that element (and all enclosed elements) into your editor. You can get the entire document by doing this with the <html> element.

edited Aug 17 '12 at 14:45

answered Aug 17 '12 at 14:36

renozu

326
4
5

1

This does not appear to capture the inner content of IFRAME elements, despite the fact they show in the inspector hierarchy. – goodside Oct 05 '12 at 20:19
If you want to capture the inner content of an `iframe`, you'll have to select the first `html` tag within the `iframe` and proceed as @renozu suggested. – Wallace Sidhrée Apr 03 '14 at 08:45

score 2 · Answer 2 · edited Oct 11 '12 at 14:35

2

On the console, try document.documentElement.outerHTML.

edited Oct 11 '12 at 14:35

Eva Dias

1,709
9
36
67

answered Jul 16 '12 at 02:17

mia

21
2

score 0 · Answer 3 · answered Apr 18 '12 at 00:03

0

You could view the html response from the Network section of Chrome

answered Apr 18 '12 at 00:03

jlaceda

866
6
11

I can't see javascript generated html tags in the Network/Response tab. Am I missing something here? – bandola Apr 18 '12 at 12:41
On the Console, try `document.html.outerHTML`. – jlaceda Apr 18 '12 at 16:55

copy and paste code from safari (chrome) web inspector

3 Answers3