Javascript 如何使移动网页成为主网页，并在检测到此类设备时仅将用户转移或重定向到桌面网页？_Javascript_Html_Css_Mobile_Pc

Javascript 如何使移动网页成为主网页，并在检测到此类设备时仅将用户转移或重定向到桌面网页？

javascript html css mobile

Javascript 如何使移动网页成为主网页，并在检测到此类设备时仅将用户转移或重定向到桌面网页？,javascript,html,css,mobile,pc,Javascript,Html,Css,Mobile,Pc,我想让我的移动网站成为主要网站。因此，我想知道检测台式电脑（如检测“悬停”功能）需要什么HTML、CSS或Javascript代码，以便移动网站将用户发送到桌面网站版本我已经读过这篇文章：“如何检测用户是否在使用手机、平板电脑或台式机，并重定向它们？” 更好地解释：我想使用CSS@media函数通过“hover”属性检测台式电脑或笔记本电脑。如果检测到这些设备中的一个，则我希望此功能使浏览器离开此移动网页，并带来另一个网页（为台式PC或笔记本电脑构建的网页）下面是我想要的伪代码： @媒体（

我想让我的移动网站成为主要网站。因此，我想知道检测台式电脑（如检测“悬停”功能）需要什么

HTML

、

CSS

或

Javascript

代码，以便移动网站将用户发送到桌面网站版本

我已经读过这篇文章：“如何检测用户是否在使用手机、平板电脑或台式机，并重定向它们？”

更好地解释：
我想使用CSS@media函数通过“hover”属性检测台式电脑或笔记本电脑。如果检测到这些设备中的一个，则我希望此功能使浏览器离开此移动网页，并带来另一个网页（为台式PC或笔记本电脑构建的网页）
下面是我想要的伪代码：
@媒体（悬停：悬停）//检测台式电脑或笔记本电脑
{
重定向到（”https://desktop_web_site.html”);
}
…
或者一个Javascript代码也可以这样做。

您可以使用

UserAgent

，使用简单的

JavaScript

来检测它：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // some code..
}

你可以参考这个答案

我已经构建了一个代码来实现它：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DetectDevice</title>

</head>

<body >
    <div id="info"></div>
    <script>

    function detect_device() 
    {

      if (typeof window.orientation !== 'undefined') // if not a desktop PC
            {
                var i = "device is a MOBILE";
                document.getElementById("info").innerHTML = i;  
            }
        else
            {
                window.location = 'https://en.wikipedia.org/';
            }
    }

    window.onload = detect_device();

    </script>

</body>
</html>


检测设备
函数检测_设备（）
{
if（typeof window.orientation！=“未定义”）//如果不是台式电脑
{
var i=“设备是移动设备”；
document.getElementById（“info”）.innerHTML=i；
}
其他的
{
window.location=https://en.wikipedia.org/';
}
}
window.onload=检测设备（）；

欢迎使用堆栈溢出！你说你读了，但你没有说遗漏了什么或者为什么没有回答你的问题。你在挣扎什么？（另请参见：）使用中的代码。如果mobilecheck！==true-->重定向到桌面版本

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DetectDevice</title>

</head>

<body >
    <div id="info"></div>
    <script>

    function detect_device() 
    {

      if (typeof window.orientation !== 'undefined') // if not a desktop PC
            {
                var i = "device is a MOBILE";
                document.getElementById("info").innerHTML = i;  
            }
        else
            {
                window.location = 'https://en.wikipedia.org/';
            }
    }

    window.onload = detect_device();

    </script>

</body>
</html>