关闭

浏览器兼容性问题总结

329人阅读 评论(0) 收藏 举报
分类:


  • 背景:在前台开发中兼容性问题让往往比较头痛,下面总结一下
  • 根据浏览器选择不同的CSS文件
    全选示例 :
    //////////////////在IE中采用的CSS////////////////////////
    <!--[if IE]>
    	<link rel="stylesheet" href="<c:url value="/style/login/css/base_ie.css"/>"
    		type="text/css" />
        <link rel="stylesheet"
    		href="<c:url value="/style/login/css/medicine_login_ie.css"/>"
    		type="text/css" />
    <![endif]-->
    
    /////////////////在其他浏览器中采用的CSS/////////////////
    <link rel="stylesheet" href="<c:url value="/style/login/css/base.css"/>"
    	type="text/css" />
    <link rel="stylesheet"
    	href="<c:url value="/style/login/css/medicine_login.css"/>"
    	type="text/css" />
    
  • 根据浏览器选择不同的js
    全选示例 :
    if(navigator.appName == "Microsoft Internet Explorer"){
        //在IE下调用的js,若没有版本上的要求,可以不区分,直接写js
        if(navigator.appVersion.match(/8./i)=='8.'){//IE8
            ...
        }else if(navigator.appVersion.match(/7./i)=='7.'){//IE7
            ...
        }else if(navigator.appVersion.match(/6./i)=='6.'){//IE6
            ...
        }
        
    }else{
        //在非IE下调用的js
    
    }
    
  • 根据语言不同选择不同页面
    全选示例 :
    <script language="JavaScript">
    var SysLan = window.navigator.systemLanguage; //取得浏览器版本语言
    if(SysLan == "zh-cn")window.location = ""; //中文页面
    if(SysLan == "en-us")window.location = ""; //英文页面
    </script>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:24002次
    • 积分:595
    • 等级:
    • 排名:千里之外
    • 原创:37篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类