跨浏览器测试

时间:2015-05-17 16:54:35

标签: css user-interface browser cross-browser

由于Bootstrap升级,我正在处理的Web应用程序的所有页面中的CSS都发生了很多变化。此应用程序也是移动优化的。所以我的任务是在大多数浏览器中检查我们应用程序的所有页面的UI - IE8,9,10,11,chrome,firefox,ios和android设备(手机,7英寸,10英寸)。

现在,我正在2个标签中打开我网站的现有版本(旧引导程序)和更新版本(新引导程序),并在它们之间来回切换以找出任何UI问题,如对齐和颜色变化和文字大小。

有更好的方法吗?

1 个答案:

答案 0 :(得分:0)

是的,它有一些解决方案,使跨浏览器和多设备测试变得容易。他们之中有一些是:     

  • Ghostlab:允许同步测试,这意味着如果您在一个浏览器中单击或滚动它会在所有浏览器中发生。它还有许多其他功能,但仅适用于Mac。
  •   
  • Grunt还允许进行同步测试。查看this article
  • 您可以使用在线服务(如
  • )在浏览器中进行跨浏览器测试
  • 我要提到的最后一件事是xip.io只是检查一下!!!
  • Chrome DevTools非常棒。它们允许您通过开发人员工具>设置>覆盖覆盖不同设备的设置,您可以覆盖以下模拟

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