我在空闲时间做一些前端工作（为了好玩）——CSS3、JavaScript、HTML5、自适应（使网站看起来“像玩具”，动态重建以适应屏幕的大小和旋转）。
第一步是使用“设备工具栏”在 Google Chrome 模拟器中以各种分辨率测试输出。
一切准备就绪后，我检查了很长一段时间的结果，并根据以下列表进行了乏味的检查：
- macOS X：
- 谷歌浏览器
- 野生动物园 11
- Tor浏览器
- 在 Mac OS X 下的 VirtualBox 上运行的 Windows 7：
- 谷歌浏览器
- 火狐浏览器
- 歌剧 45
- IE11
- 安卓 4：
- 谷歌浏览器
- 安卓浏览器
- 在 Mac OS X 上运行的 SimulatorApp 9：
- iPhone 4|5|6
- iPad 2|专业版|视网膜
对专业前端开发者经验感兴趣：
- 我用于检查结果的设备和浏览器列表的合理性如何？你想添加一些东西吗？有什么东西扔了？
- 你的工作流程是什么？你如何检查你的工作？毕竟，这是一件很糟糕的事情——在不同的浏览器和操作系统中测试你的代码需要很多时间。
免责声明：我不是前端开发者，只是一个同情者；所有计算 - 恕我直言，由填充锥支持。
第一步，准备。
确定网站的受众、技术能力、目的和访问地点。这将使您大致了解人们访问该站点的条件以及他们对站点的期望。一些随手的例子：
很明显，一个站点不可能也没有必要涵盖所有选项；很大程度上取决于主题和相应的目标受众。基于此，您可以评估哪些功能是需要的，哪些可以忽略以促进开发。
第二步，分析。
所有的编程都是在努力和结果之间寻找中庸之道。无论如何，你将不得不牺牲一些东西（2008 年，为了在 Opera Mini 中正常工作，我将 jQuery 之类的新鲜东西放在了祭坛上），在这方面，如果可能的话，不要做太多。实际上，任何新功能都需要不同级别的支持：图像、样式、标记、脚本、浏览器测试。
因此有两个问题：
尽量将网站的要求形式化，这样即使是计算机也能理解它们。这样的要求可以是“汉堡的大小在 20 到 40 像素之间”或“弹出窗口不得遮挡元素的名称”，甚至“此链接到该按钮的距离必须在 1 以内”在触摸板上滑动”。此类要求未规定的所有内容都将被视为可接受的错误 - 您必须接受这一点。
第三步，控制论。
自动化一切。
有一些服务可以让你在不同的平台上检查你的网站，例如BrowserStack 。所有额外的筹码都是付费的，但有时截图就足够了。
更严重的是 - Selenium，还有一些绑定允许将其构建到 Web 应用程序的单元测试中。很有可能将前一阶段的需求转移到脚本并定期运行。此外，如果可以分配一台单独的机器，Selenium 可以远程工作，为每个喷嚏创建“日志”包。
在存在自动化的情况下，签入额外浏览器的问题不再紧迫。屏幕截图的比较将让您看到差异；变更历史 - 变更日志和可见边框将转到需求和新测试部分。
我会抛出：
Windows 7我会补充
badbrowser可以在此处找到对某些内容的支持：https ://caniuse.com