检测小屏幕的最新方法

Question

在等待响应式设计进入遗留网站的过程中,如果屏幕小于480px,我想将浏览器重定向到移动版本

狩猎我想出来了

var isSmall = window.matchMedia ? 
              window.matchMedia("screen and (max-width: 480px)") : 
              screen.width<=480;

题

这在2014年是否可以接受,或者是否有更好/更安全/更新的方法来做我想要的而不使用useragent嗅探？

参考

• MDN Window.matchMedia

• 使用window.matchMedia()在JavaScript中使用JavaScriptKit CSS媒体查询进行匹配

• QuirksMode screen.width没用(因此添加了matchMedia)

Answer 1

您可以使用polyfill，例如https://github.com/paulirish/matchMedia.js/