今天分享一下前端中的浏览器兼容问题

浏览器

现在各种各样的浏览器很多，但究其根本都是基于以下几种内核的。

IE浏览器：trident内核（据官方消息，今年6月15日就会停止此浏览器的所有服务）；

FireFox浏览器：geoko内核（是以C++编写的渲染引擎）；

Safari浏览器：webkit内核；

Chrome浏览器：Blink内核；

Opera浏览器：以前是presto内核，现在改为Blink内核；

360浏览器：兼容模式（trident内核）、极速模式（Blink内核）；

常见的浏览器兼容问题

1-不同浏览器标签默认的margin和padding不同

现在最常用的解决方法应该就是使用通配符 *了；

在css中 *｛
      margin:0;
      padding:0;
｝

2-常量定义

在IE浏览器中，仅可通过var来定义常量，其他如FireFox浏览器可使用const和var来定义常量，若需考虑IE兼容问题，则统一使用var来定义常量。

3-event.srcElement（可能见到的不多）

IE浏览器中，有srcElement属性，却没有target属性；而在FireFox等浏览器中，没有srcElement属性，有target属性。

解决这一问题可以使用一个三元表达式：srcObj =even