Question

我的问题：如何检测移动设备并在页面加载时显示一个灯箱以及有关该站点的一些信息？非常感谢！

Answer 1

使用javascript，您可以检测到移动浏览器：

<script>

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    //the code to display the light-box goes here...
}

</script>

Answer 2

在这里，您将找到一个非常好的完整PHP库，它将为您检测手机/平板电脑/台式机：

https://github.com/serbanghita/Mobile-Detect

有独立文件库和命名空间库..您的选择是使用什么。

Answer 3

当用户从服务器请求资源时，该用户将传递有关其自身的信息。如果要在PHP中使用此信息，可以通过$_SERVER超全局变量访问它。从那里，您可以使用您想要的信息填充html文档。

如果您想使用php库来帮助您解决这个问题

https://github.com/serbanghita/Mobile-Detect

您也可以考虑在javascript中完成所有操作。这完全取决于您的需求。

Answer 4

使用媒体查询有什么不对？

如果浏览器宽度小于800px，则会显示该框。不检查用户代理，如果用户在智能手机上的Facebook浏览器中打开您的网站该怎么办？如果检查用户代理，则不能100％保存，所以不要这样做;）

.info-box {
    display:none;
}

@media (max-width: 800px) {
    .info-box {
        display: block;
    }
}

检测移动设备并显示灯箱

4 个答案: