Modern Web ● 提升网站兼容性从这里开始
作为Web工程师，最头疼的问题莫过于Web网站兼容性测试，各种类型的浏览器，各种版本的浏览器，还有各种头疼的前缀等等。但是解决Web网站兼容性的工作并不复杂，这篇指南将提供你完整的步骤以及遇到的各种问题的解决方法，同时还会告诉你如何针对Windows平台进行优化。通过以下简单几步，就可基本解决兼容性问题，实现对Microsoft Edge、Google Chrome、Apple Safari等现代浏览器的兼容。开始动手检查你的网站吧！
本系列中的文章合集：
那么如何检测你的网站存在哪些方面的问题呢？微软提供的检测工具： https://dev.windows.com/zh-cn/microsoft-edge/tools/staticscan/ 在输入框输入网站URL，点击查询即可检测网站存在的问题：
如果出现“渲染模式”问题，如下图所示，请点击跳转到 渲染模式专题 页面:
如果出现“框架和库”问题，如下图所示，请点击跳转到 框架和类库专题 页面
如果出现“浏览器检测”问题，如下图所示，请点击跳转到 浏览器检测专题 页面
如果出现“CSS前缀”问题，如下图所示，请点击跳转到 CSS前缀专题 页面。
如果出现“过时的插件和功能”问题，如下图标记处（如果错误应该为红色）所示，，请点击跳转到插件和功能专题 页面
下面的一些网站链接介绍如何使用改善网站的兼容性供大家参考：
§Web App Platform: http://dev.windows.com
§Microsoft Edge开发者博客: http://blogs.windows.com/msedgedev/
§F12开发者工具使用: http://aka.ms/mva-f12
§微软技术培训： http://aka.ms/feature-detection
同时，我们提供了微信版本的dev.modern.ie工具，扫描下方二维码，轻松测试网站。
网站兼容性测试（微信版）
浙公网安备 33010602011771号