web前端兼容性

不同的浏览器兼容性不同

  • IE的内核为 Trident (但是IE10以后改为了edg内核)，js引擎为JScriptjs引擎
  • 火狐的内核为 Gecko，js引擎为TraceMonkey
  • 欧鹏的内核为Presto(已被放弃)，js引擎为Carakan
  • Safri和谷歌的内核为 Webkit，js引擎为 SquirrelFish/v8

不同的浏览器兼容性不同

  • IE的内核为 Trident (但是IE10以后改为了edg内核)，js引擎为JScriptjs引擎
  • 火狐的内核为 Gecko，js引擎为TraceMonkey
  • 欧鹏的内核为Presto(已被放弃)，js引擎为Carakan
  • Safri和谷歌的内核为 Webkit，js引擎为 SquirrelFish/v8

不同的浏览器兼容性不同

  • IE的内核为 Trident (但是IE10以后改为了edg内核)，js引擎为JScriptjs引擎
  • 火狐的内核为 Gecko，js引擎为TraceMonkey
  • 欧鹏的内核为Presto(已被放弃)，js引擎为Carakan
  • Safri和谷歌的内核为 Webkit，js引擎为 SquirrelFish/v8

兼容性要和业务挂钩

渐进增强

确定用户群体，针对低版本浏览器构建页面保证基本功能，再针对高级浏览器进行效果交互性能等进行改进，追加功能。

优雅降级

确定用户群体，一开始构建完整功能，再针对浏览器进行兼容。

时间： 2024-10-01 12:01:14

web前端兼容性的相关文章

web前端 兼容性问题

1:position属性使用过多或使用位置不恰当引起滚动时页面错乱 浏览器环境:ie7 position:relative; 网页上最直接表现就是极具破坏性的滚动错位,问题产生来自ie7自身渲染解析出错:这个问题的解决方案没有具体的代码,尽量避免在过多层级中使用该属性,绝对禁止为无需要无作用元素添加该属性,如tr.td等 2: 跨浏览器的CSS透明度 .transparent { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microso

web前端兼容性问题总结

1.   HTML对象获取问题 FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法:统一使用document.getElementById("idName"); 2.    const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常

web前端开发的浏览器兼容性

首先我们来看一下目前市面上常见的一些浏览器:ie.chrome.firefox.safari.opera.maxthon.360.qq.yy.uc.sogou.2345.淘宝.猎豹.世界之窗等 其中表现很出色的有chrome.firefox.safari等:而表现极差的就是ie6/7内核浏览器了,我们的兼容性工作大半都是围绕这两个浏览器内核展开 我们的常规处理方式是调试各浏览器网页显示效果.使用成熟的前端开发框架.运用css与hack技巧等 常见hack技巧 css _:ie6内核浏览器识别 c

WEB前端测试浏览器兼容性的娃有福了！

今天调试前端的一个js效果,在其它浏览器上都正常,本人的IE11也正常,但是同事的IE8下就不正常,于是楼主只能去找第三方软件了.先用的微软的Microsoft Expression SuperPreview4,但是它只能看静态页面,运行不了JS,于是只能去用IETester(楼主以前用过IETester,不太好用,经常崩溃).在IETester下试了,居然还是正常的,楼主瞬间凌乱了,不只如何下手了,只能再去找度娘了.在一篇帖子中看到一个好办法,真心好啊,楼主以前居然都没发现,贴图如下: 在IE

web前端开发中的浏览器兼容性总结

1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象:但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候,则需要在div块的

一个8年web前端从业者的迷茫

来自一个8年前端从业者的迷茫 本人aming,创办了切图网 qietu.com,很少写这种自传性的帖子,希望能看完,因为会涉及到一些前端经验之谈. 8年前端从业者,8年光景不长,但是在web前端这个行业也不少了 ,我也是一个创业者,没有就职过BAT 是一个遗憾, 现在身边有些同学就职BAT 当高管,所以我想现在进到BAT应该还是有机会的 :) , 不过我还是毅然选择了创业. 理由很简单, 我骨子里不愿意给别人打工,我知道越早跳出来越容易,不然等到职位越来越高,薪水越来越高的时候,你不一定还有那个

web前端开发规范

本文原创,这里首先声明,转载注明本文出处,翻版必究! web前端开发规范的现实意义 1.提高团队的协作能力 2.提高代码的重复利用率 3.可以写出质量更高,效率更好的代码 4.为后期维护提供更好的支持 5.可读性高 一.命名规则 1.html命名规则: a.文件名称命名规则:统一使用小写英文字母.数字.下划线的组合,不得包含汉字空格和特殊字符 2.命名原则:方便理解.方便查找 b.索引文件命名原则:index.html.index.htm.index.asp.index.aspx.index.j

从0开始学web前端

什么是web前端   所谓web前端,就是web给用户展示的东西. 在国内,web前端开发是一个全新的行业,所以国内大学内并没有成熟的课程体系,所以很多学习的人无非是通过自学,以及培训这两种方式.但是自学是很难的,而且现在网上很多的视频以及学习资料都是过期的. 网页制作是计算机专业同学在大学期间都会接触到的一门课程,而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver,这种所见即所得的"吊炸天"IDE为我们制作网页带来了极大的方便.入门快.见效快让我们在不知

Web 前端知识体系精简

Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构.本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍.目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希望共勉. JAVASCRIPT 篇 0.基础语法 Javascript基础语法包括:变量定义.数据类