Description
https://microsoftedge.github.io/Demos/photo-gallery/
When click Photo selected marker, the Summary tab doesn't display "Photo selected". Clicking the other markers updates the Summary tab.
Repro steps:
-
Open the Photo Gallery demo webpage in a new window or tab.
Or, to be able to modify the sample code:
- Clone the "MicrosoftEdge / Demos" repo, per Clone the Edge Demos repo to your drive.
- Start a localhost server in the cloned
/demos/directory, per Start the localhost server, in Sample code for DevTools. - In the browser, go to
http://localhost:8080/photo-gallery/or equivalent, in a new window or tab.
-
Right-click the webpage, and then select Inspect.
DevTools opens.
-
In DevTools, select the Performance (
) tool. -
Refresh the page, to clear any selections.
-
Click the Record (
) button. -
At the top of the demo page, in the Camera (
) dropdown menu on the left, change from All to Apple iPhone 12. -
Change the Camera filter back to All.
-
Click the first photo.
The photo expands.
-
In DevTools, click the Stop button.
The profile is displayed.
-
Click Customize and control DevTools (
), and then next to Dock location, select Undock into separate window (
).DevTools is detached into its own window, so it's easier to see more data.
-
Use the mouse and arrow keys to shift and zoom the profile, to display the custom performance measures.
The Timings track displays Start filtering, Done filtering, and Photo loaded custom markers:
The events (markers) created by
performance.mark()have no duration; they just mark some interesting events in a profile: the start and end of a filter change (using the demo page's dropdown menus), and the moment a photo was selected (the Photo selected marker).