五大主流浏览器的内核,前端在ie浏览器中常见的兼容问题

Jmytea Jmytea     2022-12-08     287

关键词:

一 标题五大主流浏览器及其内核

1、Trident 代表作:IE
元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势,
Trident市场占有率一直很高。然而垄断并非,没有竞争就没有进步,长期以往,Trident内核一度停滞不前,
更新缓慢,甚至一度与W3C标准脱节。2011年,从ie 9开始,Trident开始支持HTML5
和CSS 3,因此我们也经常会看到有些网站在浏览时会提示用户(
在Internet Explorer 9.0+以上浏览效果最佳)。
前端程序员做浏览器兼容一般也不再会考虑ie 8之前的浏览器了。

2、Gecko 代表作:Mozilla FireFox
元老级内核之一,由Netscape公司Mozilla组织开发。
1998年,Netscape在于IE浏览器竞争失利之后,
成立了非正式组织Mozilla,由其开发新一代内核
,后命名为“Gecko”。FireFox也是这班人开发出来了,
因此这也就是Mozilla一直使用的内核。
Gecko的特点是代码完全公开,因此其开发程度很高,
全世界的程序员都可以为其编写代码, 增加功能。

3、WebKit : 苹果 & 谷歌旧版本
这是苹果公司开发的内核,也是其旗下产品Ssfari浏览器使用的内核。
Webkit引擎包含了WebCode排版引擎和JavaScriptCode解析引擎,
分别是从KDE的KHTML和KJS衍生而来,它们都是自由软件,在GPL条约下授权
,同时支持BSD系统开发。 Chrome、360极速浏览器以及搜狗高速浏览器也使用Webkit作为内核
(在脚本理解方面,Chorome使用自己研发的V8引擎)。


4、Blink : 代表作:谷歌 & Opera
这是由Google和Opera Software开发的浏览器排版引擎,
Google计算将这个渲染引擎作为Chromium计划的一部分 并且在2013年4月公布了这一消息 。
这一渲染引擎是开源引擎Webkit中WebCore组件的一个分支
,并且在 Chrome(28及往后版本)、 Opera(15及往后版本)浏览器中使用


5、Presto ( Opera前内核 已经废弃 )

二、前端在IE浏览器中常见的兼容

A:图片png24格式的兼容,png24格式在IE6上不透明
hack:把png24格式换成png8或者GIF格式
B:默认高度 (如果是需要看不见一定要加height:0;如果是需要其他的数值,那么就给其他的数值)
描述:在IE7或者IE6及以下版本中,部分块元素拥有默认高度(在16px左右;)
hack1:给元素添加声明:font-size:0;
hack2:给元素添加声明:overflow:hidden;
C、双倍浮向(双倍边距)(只有IE6出现)
描述:当Ie6及更低版本浏览器在解析浮动元素时,会错误地把浮向边边界(margin)加倍显示。
hack:给浮动元素添加声明:display:inline;
D、在IE6及更低版本的浏览器里,如果想去掉input的默认边框,不能设置border:none;
hack:设置inputborder:0;
E、如果设置了input的高度,在其他浏览器上显示的value的内容是垂直居中的,但是在ie6上是在顶部的
hack:给input添加一个行高等于它的高度。
F、在IE6及以下版本中在解析百分比时,会按四舍五入方式计算从而导致50%加50%大于100%的情况。(也会受系统影响)
hack:给右面的浮动元素添加声明:clear:right;
G、IE7及以下浏览器li有时候会莫名的向下撑大3-4像素。
hack:给li添加一个 +margin-top:-3px或者-4px

五大主流浏览器及四大内核

一、五大浏览器任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分——浏览器内核。从第一款libwww(LibraryWorldWideWeb)浏览器发展至今已经经历了无数竞争与淘汰... 查看详情

五大主流浏览器的内核

IE浏览器      Trident内核chrome浏览器  之前的webkit内核,现在是blinkOpera浏览器   最开始是自己的Presto,后来是webkit,又跟随chrome变为blinkfirefox浏览器   Geckosafari浏览器  &nb... 查看详情

你了解现在有哪些主流浏览器及其内核吗

浏览器最重要的部分是浏览器的内核,浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上;浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息,不同的浏览器内核对网页的... 查看详情

前端开发中常见的浏览器兼容性问题及解决方案(代码片段)

文章目录前言一、浏览器四大内核二、主流兼容问题(一)浏览器引擎(二)兼容问题的原因(三)为什么浏览器会存在兼容性问题?(四)处理兼容问题的思路1.要不要做?2.做到什么程度?... 查看详情

主流浏览器及其内核

目前5大主流浏览器分别是:谷歌chrome,Firefox,Safari,IE,Opera。双内核浏览器:360浏览器、猎豹浏览器内核:IE+Chrome双内核搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式)百度浏览器、世界之窗内核:IE内核;... 查看详情

2013年五大主流浏览器html5和css3兼容性大比拼转

摘要:这篇文章给大家带来《五大主流浏览器HTML5和CSS3兼容性大比拼》,让我们一起来看看2013年的浏览器现状。浏览器厂商之间的竞争促使各大浏览器对HTML5和CSS3的支持越来越完善.........      转眼又已过去... 查看详情

前端常见的浏览器兼容性问题及解决方案

常见的兼容性问题:1、不同浏览器的标签默认的外补丁(margin)和内补丁(padding)不同解决方案:css里增加通配符*margin:0;padding:0; 2、IE6双边距问题;在IE6中设置了float,同时又设置margin,就会出现边距问题解决方案:设置display:inline... 查看详情

前端面试题之解决浏览器兼容性的方案

参考技术A浏览器兼容性涉及的内容有很多,特别是针对IE浏览器,以下整理出五种常见的浏览器兼容性解决方法。一、样式初始化由于各大浏览器会有自身的默认样式,并且不尽相同,所以为了尽可能的保证样式的统一性,前端... 查看详情

前端常见问题

...优化问题3.常见web安全漏洞4.哪些操作会造成内存泄漏?5.浏览器兼容性问题以及列举IE与其他浏览器不一样的特性?6.谈谈你对重构的理解7.HTTP状态码8.说说你对MVC和MVVM的理解以及vue和angular区别9.说说你对语义化的理解?10.浏览... 查看详情

解决360浏览器兼容模式的页面显示问题

  由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站... 查看详情

解决360浏览器兼容模式的页面显示问题

由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过I... 查看详情

解决360浏览器兼容模式的页面显示问题

由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过I... 查看详情

四大主流浏览器内核

   首先了解浏览器内核在浏览器中有什么作用?   简单说负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。不同的浏览器内核对网页编写语法的解释也有不同,  因此同一网页在不同的内核的浏... 查看详情

聊聊一直困扰前端程序员的浏览器兼容-javascript

  上篇已经写过浏览器的兼容发展历史以及主流浏览器,主要的css兼容我知道的已全部写到,这篇这篇专攻javascript的兼容。1、getYear()方法varyear=newDate().getYear();document.write(year);  在IE中得到的日期是“2016”,在Firefox中... 查看详情

css中一些常见的兼容性问题

CSS中一些兼容性问题就是浏览器兼容,而这些浏览器兼容问题主要是Ie和FF之间的争斗。CSShack中的一些事:我们为了让页面形成统一的效果,要针对不同的浏览器或不同版本写出对应可解析的CSS样式,所以我们就把这个针对不同... 查看详情

常见浏览器兼容性问题

先上图:可以看出现在主流浏览器明显就是chrome了,当然还有相当一部分IE用户,所以浏览器兼容性的讨论依然没有过期~我们来讨论IE7+和现代浏览器的兼容性吧,我们分开两部分 样式兼容 和 脚本兼容一.样式兼容1)... 查看详情

主流浏览器内核简介

浏览器内核,即浏览器的核心(RenderingEngine),渲染引擎,渲染引擎决定了浏览器如何显示页面的内容和页面如何排版,即页面格式。由于不同浏览器可能引擎不一样,会导致同样的代码渲染出的效果不同,所以在开发中,我们... 查看详情

主流浏览器以及其内核

学习web前端,打交道最多的就是浏览器(其结构主要分为shell和内核两部分),所以了解主流的浏览器及其内核是必不可少的。主流浏览器之所以被称为主流浏览器,  其一,在市场上占有一定的市场份额;其二,必须有... 查看详情