踢飞CSS Hack 解决跨浏览器兼容性问题

最新推荐文章于 2024-04-21 22:53:42 发布

iteye_6376

最新推荐文章于 2024-04-21 22:53:42 发布

阅读量89

点赞数

文章标签：浏览器 CSS IE Java Rails

客户端浏览器和服务器进行交互时，其版本信息其实已经在http-header里了，提取出其中的user-agent字段，返回不同的CSS文件，问题解决。

下面附上java的代码，其它语言与之类似

Rails request.env["HTTP_USER_AGENT"]

PHP $_SERVER["HTTP_USER_AGENT"];

ASP Request.ServerVariables("http_user_agent");


package com.util;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

import javax.servlet.http.HttpServletRequest;

/**
 * 提取客户端浏览器的UserAgent
 * @author Snow
 * */
public class UserAgentAnalyzer {

	/**
	 * 返回客户端浏览器的IE版本，
	 * 火狐及其它浏览器返回 -1
	 * */
	public static int getUserAgent(HttpServletRequest request)
	{
	 	String userAgent = request.getHeader("user-agent");  
		String regExp = ".*MSIE (\\d).*";

		Pattern p = Pattern.compile(regExp);
		Matcher m = p.matcher(userAgent);
		String field = "";
		boolean b = m.matches();//用正则匹配IE浏览器版本号

		if(b)
		{
			int version = -1;
			try
			{
				field = m.group(1);
				version = Integer.parseInt(field);	
				return version;
			}
			catch(Exception e)
			{
				return version;
			}

		}
		else
		{
	 		return -1;
		}
	}
}

JSP页面上


<%@ page import="com.util.UserAgentAnalyzer" %>


<html>
<body>
public css links<br>
<% 
int version = UserAgentAnalyzer.getUserAgent(request);
switch(version)
{
	case 6:
	%>
	ie6 css links
	<% 
	break;
	case 7:
	%>
	ie7 css links
	<% 
	break;	
	case 8:
	%>
	ie8 css links
	<% 
	break;

	case -1:
	%>
	firefox css links
	<% 
	break;
}
%>
<br>
<%= "Version is "+ String.valueOf(version)%>

</body>
</html>

iteye_6376

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
踢飞CSS Hack 解决跨浏览器兼容性问题

客户端浏览器和服务器进行交互时，其版本信息其实已经在http-header里了，提取出其中的user-agent字段，返回不同的CSS文件，问题解决。下面附上java的代码，其它语言与之类似Rails request.env["HTTP_USER_AGENT"]PHP $_SERVER["HTTP_USER_AGENT"]; ASP Reques...
复制链接

扫一扫