请问解决兼容性问题的思路是怎样的？

Question

1.先在标准浏览器下实现出技术可行的网页需求，再测试和修改需要兼容的浏览器下出现的兼容问题，这样做是否合理？
2.发现兼容性问题，搜索出来的解决方案可能不止一种；可能有纯css、可能用js、可能用插件、可能会改变原有html结构。那么该如何考虑，有没有优先级，为什么？

总而言之，就是从项目一开始的时候，如何考虑、如何解决兼容性问题？

Answer 1

1. 项目开始的时候，明确要兼容到什么程度，选择合适的技术方案。比如项目明确要兼容到IE6还要用Angular,React是不是作死。

2. 兼容性解决方案，明确效果是要优雅降级还是渐进增强。两种思路的区别

   • 优雅降级，优先支持新版本浏览器，低版本浏览器能看就行。

   • 渐进增强，优先支持低版本浏览器，对新版本浏览器提供更多的功能。

3. 明确了兼容要求，选择解决方案，拿鼠标经过背景图变大，变大过程有动画这个效果为例。

   • 优雅降级的解决方案是使用CSS，IE9+有动画效果，IE9-就是生硬的变大变小。

   • 渐进增强则是使用JS，保证低版本浏览器有效果，高版本浏览器使用CSS提供更好性能。

4. 符合需求的解决方案有多种。在解决方案优劣程度一致的情况下，如何选择更多是团队代码规范的问题了。

Answer 2

你第一个思路是对的，我一般都是先在google上做好界面，然后再测试其他的浏览器。关于兼容性的问题，没有什么优先级，一般最能满足你要求，最简单的方法就可以了，随便你用css,js还是什么。你做多了，你就知道哪些会出现兼容性问题，还有你可以尽量避免去使用那些有兼容性的标签或属性。存在兼容性的问题有时候解决起来很麻烦，所以你刚开始就可以尽量避免使用

Answer 3

1，项目开始的时候就要规避“兼容性问题”
2，如果项目要求不是细致到日本级程度，基本从逻辑上都可规避；
3，日本级程度的项目需求，基本不可能出现兼容性问题；