HTML5 DeviceOrientation实现手机网站摇一摇功能不起作用是怎么回事

利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站摇一摇功能，但有时会发现在一些手机上不起作用。安卓手机上还行，到了苹果手机上就不行了，是因为什么呢？找了很长时间才发现，原来在苹果手机上，必须通过https访问才能支持DeviceOrientation，HTTP的就不支持，所以只要把网站改成https的就可以解决这个问题了。