移动网址重定向和桌面网址重定向

Question

我需要帮助吗？ 我要使我的网站具有台式机和移动版。 样式化为HTML元素的正确宽度的CSS编码很容易，但是URL很难。 我想知道的是，如何制作一个指向台式机主页的URL ，但在移动设备上该URL是不同的，但与台式机版本的URL相同，但在移动版本中的URL却指向同一主页。 您知道是否有任何代码可以做到这一点，而在私下预览时不会出现任何错误。 我不介意您的答案是使用PHP还是JavaScript等。

这是我尝试使用的代码。 我不确定它是否有效。 不能说有可能。

$(document).ready(function() {
    $(window).on("load resize", function() {
        if($(window).width() <= 950) {
            var mobile = window.location = "/mindex.php";
            console.log("The location is " + mobile);
        } else if($(window).width() > 950) {
            var desktop = window.location = "/index.php";
            console.log("The location is " + desktop);
        } else {
            var defaultPlace = "";
            console.log("Defualt location: " + defaultPlace);
        }
    });
});

你能帮我么？ 记住，我想要一些有关制作移动重定向URL和桌面URL的帮助，但这两者都将导致相同的页面，但请使用不同的版本。

Answer 1

您可以使用浏览器发送的用户代理标头来检查用户是移动用户还是台式机用户，并根据返回的值进行重定向。 您可以使用以下方法检查用户代理标头-

var usrAgent = navigator.userAgent;

现在您知道了用户代理，请检查返回的用户代理是否可移动，并进行相应的重定向-

function detectMobile() 
{
    if(usrAgent.match(/Mobile/i))
    {
        return "Mobile";
    }
}

var isMobile = detectMobile();

if(isMobile)
{
    window.location = "MOBILE_URL";
}
else
{
    window.location = "DESKTOP_URL";
}

或者，

您可以使用html 链接标签根据用户设备的宽度重定向到任何网页，方法是：

<link rel="alternate" media="only screen and (max-width: 640px*)" href="MOBILE_URL_TO_REDIRECT">

*根据您的要求更改此宽度。 640像素是移动设备的理想最大宽度。

我希望这能解决您的问题。