1.先在标准浏览器下实现出技术可行的网页需求,再测试和修改需要兼容的浏览器下出现的兼容问题,这样做是否合理?
2.发现兼容性问题,搜索出来的解决方案可能不止一种;可能有纯css、可能用js、可能用插件、可能会改变原有html结构。那么该如何考虑,有没有优先级,为什么?
总而言之,就是从项目一开始的时候,如何考虑、如何解决兼容性问题?
1.项目开始的时候,明确要兼容到什么程度,选择合适的技术方案。比如项目明确要兼容到IE6还要用Angular,React是不是作死。
2.兼容性解决方案,明确效果是要优雅降级还是渐进增强。两种思路的区别
◦优雅降级,优先支持新版本浏览器,低版本浏览器能看就行。
◦渐进增强,优先支持低版本浏览器,对新版本浏览器提供更多的功能。
3.明确了兼容要求,选择解决方案,拿鼠标经过背景图变大,变大过程有动画这个效果为例。
◦优雅降级的解决方案是使用CSS,IE9+有动画效果,IE9-就是生硬的变大变小。
◦渐进增强则是使用JS,保证低版本浏览器有效果,高版本浏览器使用CSS提供更好性能。
4.符合需求的解决方案有多种。在解决方案优劣程度一致的情况下,如何选择更多是团队代码规范的问题了。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。