优化培训学校,网站百度关键词优化,新网站建设怎么样,服务周到的上海网站建设如何兼容低版本浏览器 分为三个部分来说 HTML 低版本浏览器无法识别新增的HTML5元素#xff0c;如果要兼容这部分浏览器#xff0c;需要做以下处理#xff1a; 对于非可替换元素#xff0c;比如article、section、header、footer等#xff0c;这种元素虽然低版本浏览器不识…如何兼容低版本浏览器 分为三个部分来说 HTML 低版本浏览器无法识别新增的HTML5元素如果要兼容这部分浏览器需要做以下处理 对于非可替换元素比如article、section、header、footer等这种元素虽然低版本浏览器不识别但它仍然会把它们渲染出来只是没有浏览器的默认样式。因此我们只需要在css中稍作处理即可比如给它们都加上display:block。对于可替换元素比如video、audio等这种元素会涉及低版本浏览器没有功能因此需要使用条件注释在低版本浏览器中使用兼容的做法 CSS 对于CSS代码低版本浏览器可能无法识别某些CSS属性比如圆角边框、背景渐变、过渡动画等。但由于浏览器对于不能识别样式的处理方式是「直接丢弃、不影响后续渲染」所以我们可以保持这样的原则尽量让其兼容实在不行至少不影响浏览。按照这样的原则我们可以对CSS进行以下处理 使用厂商前缀尽量让其兼容。对于某些样式使用JS替代比如渐变、动画等 JavaScript 对于JS代码低版本浏览器无法识别H5的API因此缺少了一些新功能比如localstorage、web worker等。不仅如此低版本浏览器还无法识别ES6的新语法比如let、const、async、await等。因此要处理JS的兼容性问题只能具体情况具体分析通常我们会使用下面两种手段来完成兼容 模拟API。就是自己写一个功能完全和官方相同的API来弥补低版本浏览器API没有的情况。比较典型的就是ES5中有大量的数组API这些API都是可以轻松模拟的。编译。某些新语法是无法模拟的只能通过制作工具对源代码进行编译将其新语法全部去掉如果新语法涉及特殊功能则转换为使用API完成比较典型的例子就是async和await会被转换为generator的函数调用。 在前端工程化的今天上面的几乎所有兼容性问题都可以依靠工程化完成比如css可以依托postcss平台完成兼容性处理JS可以依托babel平台完成兼容性处理。
