Question

我正在使用一个非常简单的HTML网站，并且需要重定向到Tablet和Mobile的单独URL。我让Mobile负责以下工作。我可以添加些不太复杂的内容，以便它也适用于平板电脑吗？

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "https://www.londonontariomortgages.ca/m/index.html";
}
//-->
</script>

Answer 1

现在您不检查特定设备。为什么？因为它们太多了，无法跟踪。

这就是为什么您要检查功能以采取相应措施的原因。

modernizr

您还可以使您的网站响应。看一下Bootstrap。通过使用此功能，您可以将网站配置为类似于“如果屏幕是中等大小，请放到那里”（它们具有标准的断点来确定屏幕是否是小到大等），并且使用广泛。

编辑

要实际检测设备类型：mobile-detect

Answer 2

您可以尝试使用navigator.userAgent和Regex检查用户设备

function Init(){
    if( /Android|iPhone|iPad/i.test(navigator.userAgent) ) {
     //mobile device
        document.location = "https://www.londonontariomortgages.ca/m/index.html";
    }else {
     
        document.location = "https://stackoverflow.com/questions/50994561/very-simple-redirect-for-tablet/50994679?noredirect=1#";
    }
}
Init();

Answer 3

您可能想使用mobiledetect软件包。

作曲家需要mobiledetect / mobiledetectlib

$detect = new Mobile_Detect;
// any mobile devices
if ( $detect->isMobile() ) {
  // do something for mobile users
}

// Any tablet device.
if( $detect->isTablet() ){
 // do something for tablet users
}

平板电脑非常简单的重定向

3 个答案: