检测移动或平板设备

2023-12-14

我的目标是拥有一个基于 Wordpress 构建的移动网站(适用于手机和平板电脑)和响应式桌面网站。我想要最简单的方法来实现万无一失的设备检测。

移动网站将拥有许多真正有利于触摸设备的功能,并且将为手机和平板电脑定制设计。桌面站点将完全不同(具有相同的页面,但具有附加内容),并且将完全响应,以防任何设备漏过检测。

我有一个衬垫可以检测触摸设备并重定向到另一个页面,但它似乎太简单了,无法成为一种万无一失的设备检测方法。这有多傻?它适用于 Windows 和 Android 设备以及 iOS 吗?

这是我第一次做这样的网站,不确定这会有多有效:

<!-- Redirect to the mobile index page if we're on a touch device -->
<script>if( 'ontouchstart' in window ) window.location = 'mobile.html';</script>

您可以使用mdetect(移动检测)库可以为您执行此操作。它是用多种语言编写的,可以检测 Windows、Android、iOS 等。请务必阅读文档。

  • PHP版本
  • JavaScript 版本

请注意,JavaScript 版本包含此警告:

// WARNING: 
//   These JavaScript-based device detection features may ONLY work 
//   for the newest generation of smartphones, such as the iPhone, 
//   Android and Palm WebOS devices.
//   These device detection features may NOT work for older smartphones 
//   which had poor support for JavaScript, including 
//   older BlackBerry, PalmOS, and Windows Mobile devices. 
//   Additionally, because JavaScript support is extremely poor among 
//   'feature phones', these features may not work at all on such devices.
//   For better results, consider using a server-based version of this code, 
//   such as Java, APS.NET, PHP, or Ruby.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

检测移动或平板设备 的相关文章

随机推荐