Dots Per Inch
CSS Feature: min-resolution
Using a CSS media query to work out the DPI
Detected as:
Fullscreen
Feature: Element.requestFullscreen()
Detected as:
Feature: sniff from height
Detected as: ?not fullscreen
Live window
Feature: window.innerHeight/Width
Detected as:
Mobile-ish media queries
Feature: media queries - looking for a 👍. All queries also looking for pointer: coarse
MQ #combined
MQ #combined-updated
MQ #simple (max-device-width: 300px)
MQ #1
(-webkit-min-device-pixel-ratio: 1) and (max-device-width: 300px)
MQ #2
(-webkit-min-device-pixel-ratio: 2) and (max-device-width: 600px)
MQ #3
(-webkit-min-device-pixel-ratio: 2.5) and (max-device-width: 900px)
MQ #4
(-webkit-min-device-pixel-ratio: 3.5) and (max-device-width: 1200px)
Orientation Lock
Feature: screen.orientation.lock()
Detected as: checking...
Screen Data
Feature: window.screen
Note that screen dimensions are static and not viewport based.
Detected as:
Sensor media queries
CSS Feature: pointer
, hover
pointer: nonepointer: finepointer: coarseany-pointer: noneany-pointer: fineany-pointer: coarsehover: nonehover: hoverany-hover: noneany-hover: hover
User Agent
Detected as: