HTML和触摸设备
我正在开发一个响应式网站,其中一个要求是在移动设备上只能“点击”元素,特别是iPhone和iPad(不在PC浏览器上)。HTML和触摸设备
举例来说,显示只能在触摸设备上点击的电话号码......但在桌面浏览器上,它只能显示而不能点击。
这可能吗?
如果是这样,任何人都可以指导我如何去做这个请。
谢谢。
您可以使用PHP用户代理检测,比如像这样:
<?php
if(strstr($_SERVER['HTTP_USER_AGENT'],"iPad") || strstr($_SERVER['HTTP_USER_AGENT'],"iPhone")){
echo '<a href='foo'>bar</a>'
}
else{
echo 'bar'
}
?>
或者在JavaScript(更换链接位置和Foo有一个合适的ID吧):
function iPhoneLinks(){
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) {
document.getElementById('foo').href='bar';
}
}
<body onload='iPhoneLinks();'>
<a id='foo'>This will only be a link on iOS</a>
未经测试,但应该工作
谢谢,但我想这样做没有PHP,因为它的编辑内容...我在wordpress开发网站 – 2012-03-01 22:54:37
我在JavaScript中做了一个(未经测试)的方式编辑。 – Jack 2012-03-01 23:02:52
谢谢,我会试试看。 – 2012-03-01 23:30:37
@Gus:我试过这个:'function isTouchDevice(){ return ontouchstart“in window;' } – 2012-03-01 23:01:00