MOPVHS's Blog

首先，我们提供 一个CSS3 和 HTML5 兼容速查表的传送门

.

然后是速查表一部分的截图：

可怜的IE，hoho…

H6 Hello Title Test 中文

H5 Hello Title Test 中文

.

我们再来看一个用CSS3构建的页面

相信很多同学已经见到过了：doraemon-with-css3

这个可爱的哆拉A梦居然是用纯代码构成的，CSS3果然神奇…

.

相比之下，如此优秀的作品在IE下却是个悲剧…

接下来我们直入主题：

既然IE系列浏览器基本不支持CSS3，而用户通过IE系列浏览器打开我们用CSS3构架的网页，既看不到CSS3华丽的效果，又浪费了宝贵的Http请求…我们为何不根据不同的浏览器载入不同的样式表文件呢？

.

好，说干就干！

一、我们可能要遇到下面这个问题：

>>如何用PHP判断浏览器类型？

我们知道，浏览器在和服务器连接时候都会先发送一些包含自己信息的内容;

这里我们主要分析的是_SERVER["HTTP_USER_AGENT"](浏览器类型);

下面是我的系统中几款浏览器的USER_AGENT信息：

1.Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4

2.Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET  CLR 3.0.4506.2152; .NET CLR 3.5.30729; 360SE)

3.Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.9.2.6)  Gecko/20100625 Firefox/3.6.6

4.Opera/9.80 (Windows NT 5.1; U; zh-cn) Presto/2.6.30 Version/10.60

.

在这里我们要用到PHP strpos() 函数

定义和用法

strpos() 函数返回字符串在另一个字符串中第一次出现的位置。

如果没有找到该字符串，则返回 false。

语法

strpos(string,find,start)

参数	描述
string	必需。规定被搜索的字符串。
find	必需。规定要查找的字符。
start	可选。规定开始搜索的位置。

.

具体代码如下：

<?php
if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 8.0"))
echo "Internet Explorer 8.0";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 7.0"))
echo "Internet Explorer 7.0";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 6.0"))
echo "Internet Explorer 6.0";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox/3"))
echo "Firefox 3";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox/2"))
echo "Firefox 2";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Chrome"))
echo "Google Chrome";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Safari"))
echo "Safari";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Opera"))
echo "Opera";
else echo $_SERVER["HTTP_USER_AGENT"];
?>

.

细心的同学一定会注意到：

Opera的AGENT信息是Opera/9.80 (Windows NT 5.1; U; zh-cn) Presto/2.6.30 Version/10.60，strpos() 函数的返回值一定是0。

我们可以把

else if(strpos($_SERVER["HTTP_USER_AGENT"],"Opera"))

改写成

else if(strpos($_SERVER["HTTP_USER_AGENT"],"pera"))

现在，我们就可以写出最终代码：

<?php if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE")) { ?>
	<link rel="stylesheet" type="text/css" media="screen" href="IE_style.css" />
<?php } else {?>
	<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<?php } ?>

.

进一步DIY，我们就可以做出类似如图所示的欢迎信息：

.

剩下的同学们自己去自由发挥吧~~~本文若有不足，欢迎指正~~~

随机日志

• 2010/08/14 -- 行为艺术(续)被刷读者墙… (116)
• 2010/07/09 -- 置顶实验专用文章 (22)
• 2010/02/19 -- 博客升级至)WordPress 2.9.2 (3)
• 2010/08/04 -- 我是卖火柴的小女孩这样… (64)
• 2010/02/13 -- 测试插件)Auto Highslide (1)
• 2010/02/13 -- 祝福短信分享)祝大家虎年快乐！ (0)