我正在尋找一種技術,通過比較截圖,在不同瀏覽器中查找網頁差異。我需要這個,因爲我試圖自動化我們的網站的健全性檢查,就像測試人員手動在屏幕上發現錯誤放置的元素一樣。使用圖像差異進行自動跨瀏覽器兼容性測試
我已經通過了其他類似的線程,但不回答我的問題。我曾嘗試使用imagemagick和PerceptualDiff等工具,這些工具在比較兩個跨瀏覽器截圖的相似性時似乎給出了一些不一致的結果。
任何幫助或想法將不勝感激。謝謝。
我正在尋找一種技術,通過比較截圖,在不同瀏覽器中查找網頁差異。我需要這個,因爲我試圖自動化我們的網站的健全性檢查,就像測試人員手動在屏幕上發現錯誤放置的元素一樣。使用圖像差異進行自動跨瀏覽器兼容性測試
我已經通過了其他類似的線程,但不回答我的問題。我曾嘗試使用imagemagick和PerceptualDiff等工具,這些工具在比較兩個跨瀏覽器截圖的相似性時似乎給出了一些不一致的結果。
任何幫助或想法將不勝感激。謝謝。
好吧,經過一大堆尋找視覺差異後,我得出了一個結論。即使這可以達到很高的準確性,但就網站測試而言,它仍然會導致很多誤報。
我建議您使用編程方法來檢查加載後的網頁。
非常感謝Brian的幫助。
我也在這方面做了大量的研究。對於基於圖像的測試檢查了以下偉大的文章:
http://kodu.ut.ee/~dumas/pubs/icsm2013Browserbite.pdf
http://kodu.ut.ee/~dumas/pubs/icwe2014browserbite.pdf
他們實際上使用這種技術,並已開發的商業工具。完整的技術基於圖像處理+機器學習。
這不是一個好辦法。 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
非常感謝您的選擇。我意識到這些問題,但這是一個要求。但有趣的替代品。 :) – FuzZ63
非常歡迎您!你看過[Acid3](http://acid3.acidtests.org/reference.html)了嗎?或者,[SuperPreview](http://msdn.microsoft.com/en-us/expression/gg193004.aspx)? – Brian