Bug 121319 – Web Inspector: DOM content of externally loaded SVG files should be available in the Web Inspector through an iframe-like view.

• Component: Web Inspector
• Status: NEW

[James Craig]

Web Inspector: DOM content of externally loaded SVG files should be available in the Web Inspector through an iframe-like view. You can load SVG markup directly in the HTML, or reference an external .svg file from an <img> tag. WebKit has the ability to see both, but the Web Inspector only displays the content of the inline markup.

[Radar WebKit Bug Importer]

<rdar://problem/14988123>

[Timothy Hatcher]

Do you mean DOM or source?

[James Craig]

DOM I guess. For example, The source HTML document referencing an iframe only has the HREF to the frame source, but the Web Inspector displays the DOM of the iframe. I think it should do the same for SVG images, since they also have a DOM that is loaded and displayed by WebKit within the current page's view.

[James Craig]

<rdar://problem/12611265>

[James Craig]

In another thread, Joseph Scheuhammer noticed:

> ...the HTML spec for the <img> elements states that it has an empty content model [1], making <img> a leaf node.
> 
> [1]https://www.w3.org/html/wg/drafts/html/master/semantics.html#the-img-element

I believe the HTML spec should be updated to call some images a "nested browsing context" like an iframe, which may allow for an IDL change related to this dev tools enhancement.

[Timothy Hatcher]

(In reply to comment #5)
> In another thread, Joseph Scheuhammer noticed:
> 
> > ...the HTML spec for the <img> elements states that it has an empty content model [1], making <img> a leaf node.
> > 
> > [1]https://www.w3.org/html/wg/drafts/html/master/semantics.html#the-img-element
> 
> I believe the HTML spec should be updated to call some images a "nested
> browsing context" like an iframe, which may allow for an IDL change related
> to this dev tools enhancement.

Even if the HTML spec does not change, we could still do this for <img> in the Elements tab.