DeviceOrientation & DeviceMotion events
DeviceOrientation & DeviceMotion events
API for detecting orientation and motion events from the device running the browser.
| Spec | http://www.w3.org/TR/orientation-event/ |
|---|---|
| Status | W3C Candidate Recommendation |
| IE | Edge | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 57 | 62 | ||||
| 56 | 61 | TP | 48 | ||
| 16 | 55 | 60 | 11 | 47 | |
| 11 (1) | 15 | 54 | 59 | 10.1 | 46 |
| 10 | 14 | 53 | 58 | 10 | 45 |
| 9 | 13 | 52 | 57 | 9.1 | 44 |
| 8 | 12 | 51 | 56 | 9 | 43 |
| Show all | |||||
| 7 | 50 | 55 | 8 | 42 | |
| 6 | 49 | 54 | 7.1 | 41 | |
| 5.5 | 48 | 53 | 7 | 40 | |
| 47 | 52 | 6.1 | 39 | ||
| 46 | 51 | 6 | 38 | ||
| 45 | 50 | 5.1 | 37 | ||
| 44 | 49 | 5 | 36 | ||
| 43 | 48 | 4 | 35 | ||
| 42 | 47 | 3.2 | 34 | ||
| 41 | 46 | 3.1 | 33 | ||
| 40 | 45 | 32 | |||
| 39 | 44 | 31 | |||
| 38 | 43 | 30 | |||
| 37 | 42 | 29 | |||
| 36 | 41 | 28 | |||
| 35 | 40 | 27 | |||
| 34 | 39 | 26 | |||
| 33 | 38 | 25 | |||
| 32 | 37 | 24 | |||
| 31 | 36 | 23 | |||
| 30 | 35 | 22 | |||
| 29 | 34 | 21 | |||
| 28 | 33 | 20 | |||
| 27 | 32 | 19 | |||
| 26 | 31 | 18 | |||
| 25 | 30 | 17 | |||
| 24 | 29 | 16 | |||
| 23 | 28 | 15 | |||
| 22 | 27 | 12.1 | |||
| 21 | 26 | 12 | |||
| 20 | 25 | 11.6 | |||
| 19 | 24 | 11.5 | |||
| 18 | 23 | 11.1 | |||
| 17 | 22 | 11 | |||
| 16 | 21 | 10.6 | |||
| 15 | 20 | 10.5 | |||
| 14 | 19 | 10.0-10.1 | |||
| 13 | 18 | 9.5-9.6 | |||
| 12 | 17 | 9 | |||
| 11 | 16 | ||||
| 10 | 15 | ||||
| 9 | 14 | ||||
| 8 | 13 | ||||
| 7 | 12 | ||||
| 6 | 11 | ||||
| 5 | 10 | ||||
| 4 | 9 | ||||
| 3.6 | 8 | ||||
| 3.5 | 7 | ||||
| 3 | 6 | ||||
| 2 | 5 | ||||
| 4 | |||||
| iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 11 | |||||||||||
| 10.3 | all | 56 | 10 | 37 | 59 | 54 | 11 | 11.4 | 5 | 1.2 | 7.12 |
| 10.0-10.2 | 4.4.3-4.4.4 | 7 | 12.1 | 10 | 4 | ||||||
| 9.3 | 4.4 | 12 | |||||||||
| 9.0-9.2 | 4.2-4.3 | 11.5 | |||||||||
| Show all | |||||||||||
| 8.1-8.4 | 4.1 | 11.1 | |||||||||
| 8 | 4 | 11 | |||||||||
| 7.0-7.1 | 3 | 10 | |||||||||
| 6.0-6.1 | 2.3 | ||||||||||
| 5.0-5.1 | 2.2 | ||||||||||
| 4.2-4.3 | 2.1 | ||||||||||
| 4.0-4.1 | |||||||||||
| 3.2 | |||||||||||
Notes
Partial support refers to the lack of compassneedscalibration event. Partial support also refers to the lack of devicemotion event support for Chrome 30- and Opera. Opera Mobile 14 lost the ondevicemotion event support. Firefox 3.6, 4 and 5 support the non-standard MozOrientation event.
compassneedscalibrationsupported in IE11 only for compatible devices with Windows 8.1+.
Bugs
DeviceOrientationEvent.betahas values between -90 and 90 on mobile Safari and between 180 and -180 on Firefox.DeviceOrientationEvent.gammahas values between -180 and 180 on mobile Safari and between 90 and -90 on Firefox.
See Firefox reference
and Safari referenceSafari on iOS doesn't implement the spec correctly, because alpha is arbitrary instead of relative to true north. Safari instead offers webkitCompassHeading`, which has the opposite sign to alpha and is also relative to magnetic north instead of true north. (see details)
Resources
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=deviceorientation
