我想要一个主要的桌面网站,并且能够重定向到移动和电视网站。我在移动网站上在线找到了一些代码,但不确定如何在电视上使用。这是手机版:
<script type="text/javascript">
if (screen.width <= 699) {
document.location = "index-mobile.html";
}
</script>
我对电视的想法是
screen.width >= 1280
(720p的标准宽屏宽度),但是即使最小的计算机屏幕也将包括在其中。有没有一种方法可以在不使用用户代理的情况下很好地做到这一点,因为我想包括所有游戏机,机顶盒,智能电视等,而我无法获得每个用户的代理。我考虑过要做screen.height == 720 or screen.height == 1080
,但这将包括一些监视器,而排除一些国际电视。 最佳答案
您可以使用以下方法来实现目标:
http://modernizr.com/
Modernizr是一个功能检测库。通常,与设备检测相比,实现特征检测是更好的做法。
我建议您不要使用屏幕的高度和宽度,因为存在很多可能性。如果您重新考虑基于功能进行区分的方法,则可以依靠Modernizr这样的层来为您处理复杂性。
例
这是使用媒体查询的Modernizr示例:
if(Modernizr.mq("only handheld") === true){
//Redirect to mobile site
}else if (Modernizr.mq("only tv") === true){
//Redirect to TV
}else{
//Anything else to the desktop
}
这是媒体查询参考。我不确定我使用的媒体查询是否支持,但是如果您在下面看一下,也许可以为您完成这项工作。
https://developer.mozilla.org/en-US/docs/CSS/Media_queries
关于javascript - 根据屏幕尺寸确定设备?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12011390/