Posts tagged ‘javascript’

iPhone:针对不同设备,使用不同CSS

上个文章聊了一下怎么检测iPhone/iPod/iPad, 接下来我们就需要实施CSS了

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){ 
    document.write('<link href="iphone.css" rel="stylesheet" type="text/css">'); 
} 
if((navigator.userAgent.match(/iPad/i))){ 
    document.write('<link href="ipadwoflash.css" rel="stylesheet" type="text/css">'); 
}

以上的javascript在检测到是iphone和ipod touch的时候就会写入iphone的css, 在检测到ipad的时候就会使用一个为ipad准备的没有flash的css结构~

南无阿弥陀佛 南无本师释迦牟尼佛 南无药师琉璃光如来

iPhone:Javascript/PHP检测iPhone/iPod/iPad

PHP的比较简单可爱:

	if (strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"))  
	{ 
		echo '在用户代理信息里面如果有iPhone, 执行您的代码'; 
		//别忘了给iPod和iPad也加上去当条件阿~~
	}

javascript的也不错,不过我一直不喜欢浪费太多的iPhone资源,不过这回佛典的html文件还是需要使用javascript,因为所有的xml文件都是简单的转换成html,如果再将php搀和进来就很麻烦了

	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) 
	{ 
		document.write(navigator.userAgent);
	}
	else
	{
		document.write(navigator.userAgent);
	}

我们可以看一下上面代码的输出:
如果是一台Mac:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.86 Safari/533.4

如果是一台iPhone:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9(KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7

其实就是找到agent中的典型信息,iPhone这个关键字了.

南无阿弥陀佛 南无本师释迦牟尼佛 南无药师琉璃光如来