我的目标是拥有一个基于 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 等。请务必阅读文档。
请注意,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(使用前将#替换为@)