跨瀏覽器測試

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媒體