Problem with window.devicePixelRatio example

[dhoulder]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio

What specific section or headline is this issue about?

Example code does not match description

What information was incorrect, unhelpful, or incomplete?

The page says…

The updatePixelRatio() function fetches the current value of devicePixelRatio, then sets the innerText of the element pixelRatioBox to a string which displays the ratio both as a percentage and as a raw decimal value with up to two decimal places.

No it doesn't. The innerText modification was removed in
674f685

As a result the text…

This example demonstrates the effect of zooming the page in and out (or moving it to a screen with a different scaling factor) on the value of the property Window.devicePixelRatio. Try it and watch what happens!

… is also wrong.

Thanks

What did you expect to see?

The device pixel ratio in the Result box

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/window/devicepixelratio
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/window/devicepixelratio/index.md
• Last commit: cc07012
• Document last modified: 2023-04-08T06:57:07.000Z

[Josh-Cena]

cc @dawei-wang