0

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

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

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

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');

        }
4

1 回答 1

2

您可以重定向到移动页面

<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>";
}
?>
于 2013-06-16T03:12:32.767 回答