2010-06-07 40 views
3

我正在尋找一個能夠掃描我的HTML和JS文件並報告腳本是否跨瀏覽器兼容的工具。我對我必須輸入所有網址的在線工具並不感興趣。如何掃描HTML和JavaScript文件以實現跨瀏覽器兼容性?

+0

我從問題中刪除了JSP部分,因爲它在Web服務器上運行,而不是在Web瀏覽器上,因此不可能是原因。 JSP只是**產生**一堆HTML,就像你開發它一樣。 – BalusC 2010-06-07 17:43:22

回答

5

可能會有一些「掃描儀」周圍,但沒有人會做一個體面的,完整的工作 - 東西是否表現良好跨瀏覽器的一個必須目視確認使用人的眼睛。

在我看來,您可以在自動測試方面做得最好的是創建有效的HTML。它不能保證正確的渲染,但這是邁向這一方向的第一步,可以爲您節省很多問題。

+0

準確地說 - 我在使用一些古老的瀏覽器(IE6?)時遇到了問題,定位代碼正確執行,DOM位置屬性已設置,但所涉及的元素完全在其他位置顯示。我認爲只有完整的人工智能才能「自動」捕捉到這一點。 – Piskvor 2010-06-07 15:52:04

0

http://browsershots.org/這個網站使用不同的瀏覽器,併爲你截圖,所以會向你展示它看起來像什麼樣的js我認爲你將不得不實際測試它。

4

你不會找到不幸這樣的工具 - 如果它存在,是誰做的就可以非常負責任何他們喜歡它,並會通過Web開發人員被崇拜在世界各地的人!

儘管如此,您可以找到諸如W3C的HTML和CSS驗證程序之類的工具,但仍然會遇到問題,因爲即使使用最有效的符合標準的標記,不同的瀏覽器也會執行不同的操作。畢竟,有效的標記並不意味着它看起來是正確的。在這方面,您經常會遇到舊版瀏覽器的問題(請參閱'怪癖模式'和'標準模式')。

確保頁面看起來一樣在所有瀏覽器是挺難的,短期實際使用的每個操作系統或平臺上的每個瀏覽器,你不會找到一個可靠的方法來自動執行此操作的。我確信有一些工具可以讓你在各種瀏覽器下加載頁面的截圖,但是我聽說它們可能很慢並且不夠精彩。

至於JavaScript,所有的瀏覽器都有我發現它的小怪癖。即使使用像jQuery或Prototype這樣的框架,你仍然會遇到一些問題,只能通過自己嘗試頁面並查看它是否符合你的期望。

從本質上說,我想要說的是,「跨瀏覽器支持」是非常主觀的,並且不能使用自動化工具進行測試。只有你知道每個頁面會期望什麼,哪些瀏覽器正在做'正確'的事情,哪些不是。這包括頁面的所有方面,從HTML和CSS到JavaScript。

我懷疑你真的想要一個快速修復解決方案,只需要很少的努力,但你不會得到它。您需要花費自己的時間和大量精力,確保您的網站在您希望支持的所有瀏覽器中正確無誤。沒有人會爲你做。

+0

呃,這是我所期望的。在過去的3年中,我沒有做過太多的UI工作,所以我一直在尋找一種快速的方法,使舊版應用能夠在多種瀏覽器中工作。哦,看起來我們有一些工作要做。 – jranaudo 2010-06-07 18:44:47