1312112 - Using "Select an iframe..." to pick an MDN live sample to debug results in an empty debugger pane

Status: RESOLVED WORKSFORME

(DevTools :: Debugger, defect, P3)

Description

[Eric Shepherd [:sheppy]]

Steps to reproduce:

Load a page on MDN which includes a live sample. These are examples where MDN collects the code from the page and presents it in an iframe. One example of this is here:

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/ondevicechange#Result

I'm trying to debug that, but when I click the "Select an iframe as the currently targeted document" button, I get a debugger pane with nothing in it. No sources to choose from, nothing. There is code in the iframe, so I should be able to debug it.

Comment 1

[Jason Laster [:jlast]]

Would you mind re-testing this and seeing if it is still happening?

Comment 2

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: image.png

I can't reproduce the issue.

Here is what I am doing:

1. Load https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/ondevicechange#Result
2. Open DevTools Toolbox
3. Use Select an iframe as the currently targeted document button in Toolbox's toolbar to pick: id="frame_Example"
4. Switch to the Debugger panel
5. You should see Example JS source file in the Sources (left) side panel
6. Select the source, create BP on line 84 (in 'startButton' click listener) and click the Start button on the page
7. The BP should hit -> works for me

Does this work for you?
If not, what are your steps?

Honza

Comment 3

[Eric Shepherd [:sheppy]]

This is in fact working fine for me now.