更靠谱的H5横竖屏检测方法（js代码）

前不久，做了一个H5项目，需要在横竖屏变化时，做一些处理。毫无疑问，需要使用orientationchange来监听横竖屏的变化。这里兼容性问题出现在两个地方：如下是orientationchange事件的兼容性：如下是screen.orientation的兼容性：方案二：上述方案不行，只能另行他法了。google一下，了解到可以通过resize配合来实现：这种方案基本满足大部分项目的需求，但是还是有些不足之处：只要window的size变化，就会不断触发触发resize事件。能不能通过订阅与发布模式来改进一下，只注册一个resize负责监听横竖屏变化，只要横竖发生变化就发布通知订阅的对象。这里可以基于浏览器的事件机制，来模拟orientationchange。即对orientationchange的不兼容进行修复。