我正在尋找一個能夠掃描我的HTML和JS文件並報告腳本是否跨瀏覽器兼容的工具。我對我必須輸入所有網址的在線工具並不感興趣。如何掃描HTML和JavaScript文件以實現跨瀏覽器兼容性?
回答
可能會有一些「掃描儀」周圍,但沒有人會做一個體面的,完整的工作 - 東西是否表現良好跨瀏覽器的一個必須目視確認使用人的眼睛。
在我看來,您可以在自動測試方面做得最好的是創建有效的HTML。它不能保證正確的渲染,但這是邁向這一方向的第一步,可以爲您節省很多問題。
準確地說 - 我在使用一些古老的瀏覽器(IE6?)時遇到了問題,定位代碼正確執行,DOM位置屬性已設置,但所涉及的元素完全在其他位置顯示。我認爲只有完整的人工智能才能「自動」捕捉到這一點。 – Piskvor 2010-06-07 15:52:04
http://browsershots.org/這個網站使用不同的瀏覽器,併爲你截圖,所以會向你展示它看起來像什麼樣的js我認爲你將不得不實際測試它。
你不會找到不幸這樣的工具 - 如果它存在,是誰做的就可以非常負責任何他們喜歡它,並會通過Web開發人員被崇拜在世界各地的人!
儘管如此,您可以找到諸如W3C的HTML和CSS驗證程序之類的工具,但仍然會遇到問題,因爲即使使用最有效的符合標準的標記,不同的瀏覽器也會執行不同的操作。畢竟,有效的標記並不意味着它看起來是正確的。在這方面,您經常會遇到舊版瀏覽器的問題(請參閱'怪癖模式'和'標準模式')。
確保頁面看起來一樣在所有瀏覽器是挺難的,短期實際使用的每個操作系統或平臺上的每個瀏覽器,你不會找到一個可靠的方法來自動執行此操作的。我確信有一些工具可以讓你在各種瀏覽器下加載頁面的截圖,但是我聽說它們可能很慢並且不夠精彩。
至於JavaScript,所有的瀏覽器都有我發現它的小怪癖。即使使用像jQuery或Prototype這樣的框架,你仍然會遇到一些問題,只能通過自己嘗試頁面並查看它是否符合你的期望。
從本質上說,我想要說的是,「跨瀏覽器支持」是非常主觀的,並且不能使用自動化工具進行測試。只有你知道每個頁面會期望什麼,哪些瀏覽器正在做'正確'的事情,哪些不是。這包括頁面的所有方面,從HTML和CSS到JavaScript。
我懷疑你真的想要一個快速修復解決方案,只需要很少的努力,但你不會得到它。您需要花費自己的時間和大量精力,確保您的網站在您希望支持的所有瀏覽器中正確無誤。沒有人會爲你做。
呃,這是我所期望的。在過去的3年中,我沒有做過太多的UI工作,所以我一直在尋找一種快速的方法,使舊版應用能夠在多種瀏覽器中工作。哦,看起來我們有一些工作要做。 – jranaudo 2010-06-07 18:44:47
- 1. 跨瀏覽器兼容性
- 2. jQuery.data()和跨瀏覽器的兼容性?
- 3. setAttribute,onClick和跨瀏覽器兼容性
- 4. JavaScript onerror和onload瀏覽器兼容性
- 5. Opentype功能跨瀏覽器兼容性
- 6. Dash JS Player跨瀏覽器兼容性
- 7. dojo跨瀏覽器兼容性
- 8. CSS字體跨瀏覽器兼容性
- 9. css調試,跨瀏覽器兼容性
- 10. IE跨瀏覽器兼容性問題
- 11. 跨瀏覽器兼容性測試
- 12. 瞭解跨瀏覽器兼容性
- 13. 跨瀏覽器兼容性問題
- 14. z-index跨瀏覽器不兼容性
- 15. CSS兼容性跨瀏覽器
- 16. ajax跨瀏覽器代碼兼容性
- 17. 跨瀏覽器兼容
- 18. Javascript:處理常量和跨瀏覽器兼容性
- 19. ie9與現代html和css語言的兼容性(跨瀏覽器CSS)
- 20. 檢測瀏覽器文件兼容性
- 21. 如何開發跨平臺和跨瀏覽器兼容性的瀏覽器插件?
- 22. HTML網站 - 瀏覽器兼容性
- 23. 跨瀏覽器的CSS/HTML兼容性問題
- 24. CSS,(X)HTML嚴格或過渡的跨瀏覽器兼容性?
- 25. 如何在所有瀏覽器頁面上打印跨瀏覽器兼容性?
- 26. Wicket JavaScript瀏覽器兼容性
- 27. 的JavaScript瀏覽器兼容性
- 28. javascript瀏覽器兼容性問題
- 29. Firebase Javascript SDK瀏覽器兼容性
- 30. 鼠標位置 - 跨瀏覽器的兼容性 - 使用Javascript
我從問題中刪除了JSP部分,因爲它在Web服務器上運行,而不是在Web瀏覽器上,因此不可能是原因。 JSP只是**產生**一堆HTML,就像你開發它一樣。 – BalusC 2010-06-07 17:43:22