You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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).
The text was updated successfully, but these errors were encountered:
I'm fairly sure this is a DevTools bug, rather than a bug with the code of the demo. And since it also occurs in Chrome, I created https://issues.chromium.org/issues/424369233.
So, closing this. Let's re-open later if it turns out to be a problem with our source code.
Uh oh!
There was an error while loading. Please reload this page.
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:
/demos/
directory, per Start the localhost server, in Sample code for DevTools.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).The text was updated successfully, but these errors were encountered: