自動測試CSS？

有什麼工具可以讓你在不同的瀏覽器下自動測試頁面，並確保CSS看起來不錯？自動測試CSS？

P.S.我知道這聽起來不可能，但也許有一些解決方案（如採取截圖和比較它們）

2011-10-28 IAdapter

麻煩的是，「在所有瀏覽器中看起來不錯」是主觀的。即使CSS完美無缺，因爲它們都具有不同的字體和圖形渲染例程，所以在所有瀏覽器中都不會像素完美。你當然可以比較它們，但你如何自動做到這一點？你如何告訴自動化程序哪些細微的差異是可以接受的？哪些不是？獲得視覺接受的唯一方法是手動查看網站。 – Spudley

@Spudley你可以例如提取矩形（如SO的「Ask Question」按鈕），並檢查大小是否相似（大小差異不應超過20px），如果第一個字母不接觸牆（距離牆至少5px ）等等，我認爲它是可能的，但並不容易;）看起來很好=看起來不錯 – IAdapter

嘗試BrowserStack？ http://www.browserstack.com/

還有一些我偶爾使用過的網站返回了一組圖像，但我不記得它是什麼，它並不總是準確的。

來源

2011-10-28 10:15:32 Jerry

您可以使用http://browsershots.org/在所有類型的設備和瀏覽器上創建屏幕截圖。這可能是你正在尋找的。

來源

2011-10-28 10:16:02 JNDPNT

https://browserlab.adobe.com/ - adobe id是必需的，但它是免費的。

和

http://netrenderer.com - 只爲IE瀏覽器。

兩者都只截取屏幕截圖，但延遲很小。

也適用於ie http://www.my-debugbar.com/wiki/IETester/HomePage - 它仍處於alpha狀態，因此它只能被信任到某個點。

個人而言，我幾乎每個瀏覽器都有我的計算機，所以我可以在實際的瀏覽器中測試一下。再加上所有的主要的確有web開發工具，所以..如果你可以下載所有的瀏覽器，這是一個不錯的選擇。

我真的只是測試所有的功能。例如，如果文本在某些瀏覽器中幾乎不同，那麼只要它不被剪切或者其他任何東西都可以。

來源

2011-10-28 10:29:49 Joonas

用於Adobe BrowserLab的+1。只是玩過它，它非常酷 - 檢查洋蔥皮比較。 –

自動測試CSS？

回答

相關問題