- 背景:在前台开发中兼容性问题让往往比较头痛,下面总结一下
- 根据浏览器选择不同的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>
浏览器兼容性问题总结
最新推荐文章于 2022-12-05 01:47:32 发布