php - 如何通过像素和js检测将用户重定向到正确的网站模板？

Question

我用 jquery 创建了一个很好的代码， 它检查屏幕上的像素并很快重定向到适当的版本

但我到了需要支持禁用的 javascript 的地步 我被困在 “我如何检查 javascript 中是否禁用了 javascript？”傻对吧

所以我应该怎么做才能运行检查我听说过视口(viewport)但我不知道它是否真的可以重定向到索引

var w = $(this).width();
        var h = $(this).height();
        if (w > 310 && w > 190 && h > 310)
        {
                alert('Tiny basic html Version <310x<310');

        }
        else if (w > 310 && w <= 800 && h > 480 && h < 1800)
        {// only if its not a desktop like windows or mac or linux or any other mature browser
        //only mobile detection here and other stuff
                alert('SmartPhone Version <800x>480');

        }
        if (w > 800 && w < 3500 && h < 3000)
        {//if its mobile os redirect to the smarphone version no matter how big that tablet is unless option

            alert('Large Desktop with OS detection');

        }

Answer 1

您可以重定向到移动页面

<script type="text/javascript">
<!--
if (screen.width <= 700) {
document.location = "/mobile";
}
//-->
</script>

但是，如果 JavaScript 被禁用，您可以使用 css 来调整网站的大小和形状，具体取决于屏幕大小

@media screen and (max-width:800px) {

// then put your mobile css in here

}

同样的事情，但特定于屏幕比例(iphone 5)

@media screen and (device-aspect-ratio: 40/71)
{

}

更多信息在这里:http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

对于 @media screen，如果您在现场调整页面大小，它会从字面上改变页面，您可以删除列或将它们移动到其他列下方以获得不同的大小

或者如果你真的想要，为特定设备使用 php

<?php
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
// ect ect....

if ($iphone || $android || $palmpre || $ipod || $berry == true) 
{ 
header('Location: http://mobile.site.com/');
//OR
echo "<script>window.location='http://mobile.site.com'</script>";
}
?>