使用 JavaScript,您可以检查touchstart
事件document.documentElement
以检测触摸设备:
var isTouch = 'touchstart' in document.documentElement;
然后在 Android 上你可以检查 userAgent 看它是否是手机:
var isMobile = navigator.userAgent.toLowerCase().indexOf("mobile") > -1;
在 IOS 上只需检查iPhone
:
var isMobile = navigator.userAgent.toLowerCase().indexOf("iphone") > -1;
派对的其余部分您可以自己添加。希望你能得到图片:
var isTouch = 'touchstart' in document.documentElement,
ua = navigator.userAgent.toLowerCase(),
isMobile = isTouch ? ua.indexOf("android") > -1 ? ua.indexOf("mobile") > -1 : ua.indexOf("iphone") > -1 : false;
有点复杂。
只是为了快速回答您的评论:
onload = function() {
var isTouch = 'touchstart' in document.documentElement,
ua = navigator.userAgent.toLowerCase(),
isMobile = isTouch ? ua.indexOf("android") > -1 ? ua.indexOf("mobile") > -1 : ua.indexOf("iphone") > -1 : false;
if ( isMobile ) {
document.getElementById("mobileLink").style.display = 'block';
document.getElementById("browserLink").style.display = 'none';
}
else {
document.getElementById("mobileLink").style.display = 'none';
document.getElementById("browserLink").style.display = 'block';
}
}
还有你的 HTML:
<div id="mobileLink">Feel free to give me a <a href="tel:1-408-555-5555">call</a</div>
<div id="browserLink">Feel free to give me a <a class='lightview' data-lightview-type="iframe" href="pages/call.html" data-lightview-options="width: 230, height: 101">call</a>.</div>