跨浏览器测试

Question

由于自举升级，我正在处理的Web应用程序的所有页面中都发生了很多CSS更改。此应用程序也是移动优化的。所以我有任务检查我们的应用程序的所有页面的UI在大多数浏览器 - IE8,9,10,11，铬，Firefox，iOS和Android设备（手机，7英寸，10英寸）。

现在，我打开现有版本（旧bootstrap）和我的网站在2个选项卡中的更新版本（新引导），并在它们之间来回切换，以找出任何UI问题，如对齐和颜色更改和文字大小。

有没有更好的方法来做到这一点？

Answer 1

是的，它有一些解决方案，这使得跨浏览器和多设备测试更容易。其中一些是：

Ghostlab：允许同步测试，这意味着如果您在一个浏览器中单击或滚动，它会发生在所有浏览器中。它具有许多其他功能，但仅适用于Mac。

Grunt还允许同步测试。检查this article

您可以使用在线服务，如

最后一件事我会提的是xip.io只是看看在浏览器中做跨浏览器测试！

Chrome DevTools非常适合此目的。它们允许你通过开发工具来覆盖不同的设备设置>设置>覆盖您可以覆盖以下效仿

• 用户代理
• 设备指标
• 设备方向
• 触摸事件
• CSS媒体