Bug 33736 – Inspector: Allow selection and copy of element panel contents

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: Web Inspector (Deprecated)

[Daniel Bates]

We should allow selection and copying of the markup content in the elements panel.

Unlike View Source, the elements panel is capable of showing the hierarchy of programmatically generated DOM elements. When debugging a JavaScript application that generates such elements, it would be beneficial be able to copy such markup of the structure.

Also, we should be able to right click on a particular node and be able to either copy that the markup for that node or copy the markup for that node and its children.

[Joseph Pecoraro]

> We should allow selection and copying of the markup content in
> the elements panel.

That should already be possible. The copy shortcut copies the element's outerHTML, which includes both the element and its contents.

> Also, we should be able to right click on a particular node and be
> able to either copy that the markup for that node or copy the markup
> for that node and its children.

This should also be possible. "Copy as HTML" shows up in my right click menu.


Am I overlooking something?

[Timothy Hatcher]

You can already copy a node and its contents. Select it and Command - C. The context menu option "Copy as HTML" works too.

As far as arbitrary text selection, this is something we don't want to do. We want this to be  tree hierarchy and need node level selection so the sidebar can reflect properties about that selected node. Text selection does not work with this outline list model.

[Daniel Bates]

There is no such "Copy as HTML" when I right click on a node using Windows Safari 4.0.4. And neither selecting "copy" from the contextual menu nor Cntrl-C works (nothing is copied).

I tried to grab the last nightly, but for some reason the executable in the nightly does not work for me. That is, it opens Safari 4.0.4 but not with the latest WebKit. So, I will need to wait until I get home to test.