Jump to content

Please test this code (finding your physical inner window size)


Red Spark
 Share

Recommended Posts

function foo (){	var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");	var pixelRatio = window.devicePixelRatio || 1;	var windowPhysicalWidth = pixelRatio * svg.screenPixelToMillimeterX * window.innerWidth / 25.4;	var windowPhysicalHeight = pixelRatio * svg.screenPixelToMillimeterY * window.innerHeight / 25.4;	var windowPhysicalDiagonal = Math.sqrt (Math.pow(windowPhysicalWidth, 2) + Math.pow(windowPhysicalHeight, 2));	console.log (windowPhysicalDiagonal);};

After some googling and stakeoverflowing I've created a snippet to calculate the physical size of your inner window in pure javascript. It could be super effective when designing UI and HUD for different screen sizes if you want your buttons, icons and bitmap fonts to look exactly right, and not too small or too large.

 

To test it out open a new browser window, then go to console and copy the code above, then hit Enter. Then type in:

foo ()

to run this function and it will tell you what diagonal in inches your current inner window is.

 

Try different browsers, resizing your window, zooming in and out, etc. Tests on retina displays are much appreciated too.

Link to comment
Share on other sites

I'm afraid this doesn't work consistently in iOS8 (landscape mode specifically). Often the innerHeight doesn't take into consideration the Safari UI. Sometimes it does, sometimes it doesn't. It's just basically unreliable (the value itself I mean, not your approach specifically). Aside from that it was fine on desktop browsers.

Link to comment
Share on other sites

I'm afraid this doesn't work consistently in iOS8 (landscape mode specifically). Often the innerHeight doesn't take into consideration the Safari UI. Sometimes it does, sometimes it doesn't. It's just basically unreliable (the value itself I mean, not your approach specifically). Aside from that it was fine on desktop browsers.

 

Yep, but still could be useful to distinct between 4'', 7'' and 10'' devices. Unfortunately, there seems to be no straightforward legitimate way to find physical dimensions.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...