2013-06-03 89 views
1

我正在尋找一種技術,通過比較截圖,在不同瀏覽器中查找網頁差異。我需要這個,因爲我試圖自動化我們的網站的健全性檢查,就像測試人員手動在屏幕上發現錯誤放置的元素一樣。使用圖像差異進行自動跨瀏覽器兼容性測試

我已經通過了其他類似的線程,但不回答我的問題。我曾嘗試使用imagemagick和PerceptualDiff等工具,這些工具在比​​較兩個跨瀏覽器截圖的相似性時似乎給出了一些不一致的結果。

任何幫助或想法將不勝感激。謝謝。

+0

這不是一個好辦法。 Web元素可以根據您使用的瀏覽器「移動」頁面。請參閱[怪癖模式](http://en.wikipedia.org/wiki/Quirks_mode)。更好的方法(但仍不是最佳)將使用[屏幕抓取](http://blogs.msdn.com/b/securitytipstalk/archive/2010/04/07/what-is-screen-scraping.aspx)通過不同的瀏覽器測試你的網站。 [WatiN](http://watin.org/)做得很好。 – Brian

+0

非常感謝您的選擇。我意識到這些問題,但這是一個要求。但有趣的替代品。 :) – FuzZ63

+0

非常歡迎您!你看過[Acid3](http://acid3.acidtests.org/reference.html)了嗎?或者,[SuperPreview](http://msdn.microsoft.com/en-us/expression/gg193004.aspx)? – Brian

回答

0

好吧,經過一大堆尋找視覺差異後,我得出了一個結論。即使這可以達到很高的準確性,但就網站測試而言,它仍然會導致很多誤報。

我建議您使用編程方法來檢查加載後的網頁。

非常感謝Brian的幫助。