谈谈浏览器兼容性问题
2019-04-22 11:22
246 查看
为什么浏览器会存在兼容问题?
- 同一浏览器,版本越老,存在bug越多,相对于版本越新的浏览器,对新属性和标签、新特性支持越少。
- 不同浏览器,核心技术不同,标准不同,实现方式也有差异,最终呈现出来在大众面前的效果也是会有差异。
处理兼容问题的思路:
1. 要不要做?
- 产品的角度(产品的受众、受众的浏览器比例、效果优先还是基本功能优先)。
- 成本的角度 (有无必要做某件事)。
2. 做到什么程度?
- 让哪些浏览器支持哪些效果。
3. 如何做?
- 根据兼容需求选择技术框架/库(如jquery 1.x.x)。
- 根据兼容需求选择兼容工具:html5shiv、Respond.js、CSS Reset、normalize.css、Modernizr.js、 postcss。
- 条件注释、CSS Hack、js 能力检测做一些修补。
渐进增强和优雅降级
- 渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验
- 优雅降级(graceful degradation): 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容
相关文章推荐
- 谈谈对浏览器兼容性问题的理解
- 前端面试中如何回答“谈谈浏览器兼容性”的问题?
- 谈谈关于数据加密,解密及签名的一些问题
- 小数在各个浏览器的差异及css用小数解析差异解决浏览器兼容性问题
- 谈谈Session丢失的问题
- 再次谈谈linux下文件夹权限的问题
- 数学之美系列十七 -- 谈谈搜索引擎作弊问题(Search Engine Anti-SPAM)
- 常见浏览器兼容性问题与解决方案
- web产品浏览器兼容性问题你有考虑到吗?
- Javascript 多浏览器兼容性问题及解决方案
- 爱创课堂每日一题第二十天- 谈谈性能优化问题?
- 谈谈WEB开发中的苦大难字符集问题
- window.open()详解及浏览器兼容性问题示例探讨
- 谈谈Golang中goroutine的调度问题
- 常见浏览器兼容性问题与解决方案
- 临时解决浏览器兼容性问题
- 浏览器兼容性问题
- 谈谈数据结构课后作业......尴尬不已...《图》 后面的迷宫问题
- 谈谈MySQL的函数问题!
- Javascript 多浏览器兼容性问题及解决方案