Javascript 在手机上查看时显示的弹出窗口

我有一个网站需要将移动用户重定向到移动站点，但是由于这些站点位于不同的位置，我无法设置cookie以记住它们是否是从移动站点定向的。因此，存在一个连续的循环

我现在想做的就是，如果用户在手机上查看，则显示一个弹出窗口，为他们提供在手机上查看网站或取消查看完整网站的选项

我知道这在Javascript/jQuery中是可能的，但我不知道该怎么做

有人能帮我吗

谢谢

试试这个

// Check for mobile user agent
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
    //alert("MOBILE DEVICE DETECTED");              
} else {
    //alert("NO MOBILE DEVICE DETECTED");
}  

---

您只需将弹出窗口添加到HTML中，在默认情况下隐藏它，如果它是使用CSS的移动设备，则显示它

/* hidden on default */
div#popup { display: none; }

/* use a media query to filter small devices */
@media only screen and (max-device-width:480px) {
    /* show the popup */
    div#popup { display: block; }
}

就性能而言，这是迄今为止最好的选择。所有现代手机都支持媒体查询，所以你也不会有任何问题

---

只需添加两个链接，要求用户转到桌面站点或移动站点。如果他选择桌面站点，您可以使用服务器端语言删除弹出窗口，或者使用javascript删除弹出窗口。

您可以检查用户代理。您可以获得详细信息。

以下是我过去用于检测移动设备的一些代码：

var ua=navigator.userAgent.toLowerCase();
var isMobile = 
   screen.width < 500 ||
   ua.indexOf('mobile')!=-1 ||
   ua.indexOf('iphone')!=-1 ||
   ua.indexOf('ipod')!=-1 ||
   ua.indexOf('blackberry')!=-1 ||
   ua.indexOf('windows phone')!=-1 ||
   ua.indexOf('zunewp7')!=-1) && 
   ua.indexOf('tablet')==-1 &&
   ua.indexOf('playbook')==-1 &&
   ua.indexOf('webos')==-1 &&
   ua.indexOf('ipad')==-1;

var ua=navigator.userAgent.toLowerCase（）；
var isMobile=
屏幕宽度<500||
ua.indexOf（‘移动’）=-1 ||
ua.indexOf（“iphone”）=-1 ||
ua.indexOf（'ipod'）=-1 ||
ua.indexOf（‘黑莓’）=-1 ||
ua.indexOf（'windows phone'）=-1 ||
ua.indexOf（'zunewp7'）=-1) && 
ua.indexOf（'table'）=-1&&
ua.indexOf（‘剧本’）=-1&&
ua.indexOf（'webos'）=-1&&
ua.indexOf（'ipad'）=-1；

---

这应该可以检测到iPhone、iPod、黑莓、Windows手机、ZuneWP7s、大多数android手机和许多其他手机。对于大多数android平板电脑、黑莓Playbooks、WebOS设备、iPad和许多其他平板电脑来说，这都是错误的。

请总结链接的内容；简单地发布一个链接是没有帮助的。用户代理在这里需要小心使用；平板电脑用户可能想要桌面网站，而不是手机版本，因为他们拥有不动产。顺便说一句，我建议不要使用“弹出窗口”。它们在桌面上是个坏主意，在网络上更糟。在网站左上角放置一个div来提供移动链接，移动用户将看到。如果你弹出一个弹出窗口，它会有多大，它会去哪里？您需要担心设备的大小、分辨率和方向。然而，真正正确的答案是，不同类型的用户不需要不同的网站。