浏览器兼容性问题总结

原创 2013年12月04日 10:06:13


  • 背景:在前台开发中兼容性问题让往往比较头痛,下面总结一下
  • 根据浏览器选择不同的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>

常见的浏览器兼容性问题总结(有自己遇到的还有网上大神总结的)

常见的浏览器兼容性问题总结 1. 不同浏览器的标签默认外补丁margin和内补丁padding不同 发生概率:100% 解决方案:使用CSS通配符*,设置内外补丁为0 *{ margin: 0; pa...
  • zhuwanwanshay
  • zhuwanwanshay
  • 2016年07月11日 18:02
  • 1573

常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的...
  • chuyuqing
  • chuyuqing
  • 2014年07月08日 11:15
  • 269725

前端开发中常遇到的浏览器兼容问题小结

web前端开发的浏览器兼容问题总结
  • AnterWang
  • AnterWang
  • 2016年11月25日 18:04
  • 5312

浏览器兼容性问题以及解决方法1

前端工程师在开发的过程中,遇到最头疼的莫过于是浏览器的兼容性问题,常常为了实现一个兼容各种浏览器的效果绞尽脑汁。我们平时在写前端代码的时候,在排版时也是会遇到各种兼容性问题,尤其是老板要求要兼容IE5...
  • u010297791
  • u010297791
  • 2017年02月10日 17:15
  • 505

WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的...
  • u011153667
  • u011153667
  • 2016年09月14日 15:02
  • 4539

js 在不同浏览器中一些常见的兼容性问题

对于大多数程序员而言在平时的编码过程中很少会注意到跨浏览器的问题,而当这些问题从用户那边被抛回来后才知道原来问题还是很严重的。在正式规范、事实标准以及各种实现之间存在的差异会让你觉得很烦躁。所以就需要...
  • xingxing1828
  • xingxing1828
  • 2014年05月06日 15:13
  • 5701

前端兼容性问题总结及前端详细笔记总结

前端详细笔记总结以及普遍兼容性的问题。
  • Bug_money
  • Bug_money
  • 2016年11月03日 18:56
  • 1258

浏览器兼容性问题(WEB项目中页面)

首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的欠缺,用户开始选择其他浏览器作为自己浏览网页的主要 工具,比如firefox、theworld、maxth...
  • WMY1230
  • WMY1230
  • 2016年11月15日 10:29
  • 3897

自己常见的一些JavaScript兼容总结

1、document.formName.item(“itemName”) 问题 说明:IE下,可以使用document.formName.item(“itemName”)或document.form...
  • u011263845
  • u011263845
  • 2015年04月20日 20:03
  • 7426

web浏览器兼容问题

wb 兼容
  • joshinrai
  • joshinrai
  • 2017年06月20日 09:49
  • 356
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浏览器兼容性问题总结
举报原因:
原因补充:

(最多只允许输入30个字)