Firefox瀏覽器安全色性偵查工具:Compatibility Detector

文章描述：Firefox下的瀏覽器安全色性偵查工具——Compatibility Detector.

這裡給大家推薦一個Firefox下的瀏覽器安全色性偵查工具——Compatibility Detector。這個工具對於新手來說是非常不錯的一個東東，下面我就簡單說下它的優點。

作為一個前端開發人員來說，最痛苦的事情之一就是要相容現在各種五花八門的瀏覽器，而在實際的調試中這個調試過程又是讓人勞心勞力。而Compatibility Detector能把目前很多已知的相容性問題很easy的展現在我們面前。Compatibility Detector下有兩種：基本檢測和進階檢測。

基本檢測會檢測一些基本的DTD標準、標籤、屬性等，如下圖中提示沒有設定DTD、一些不相容使用的標籤和不建議使用的屬性。（特別是align屬性，很多新手喜歡使用align屬性來布局，這個容易引起瀏覽器中的相容性問題。）

如果使用進階測試功能，這個外掛程式會把頁面重新重新整理一遍來擷取頁面中更多的相容性問題。這當中分為“錯誤層級”和“警告層級”兩種，警告層級中出現的問題一般不影響頁面的相容性。

同時在頁面上可以所見即所得 (WYSIWYG)的標示出問題元素的位置和相容性問題的原因。這個對於新人同學來說是不是很不錯啊。

我自己在使用這個外掛程式的時候最多看到的提示就是容器大小限制和haslayout兩種。前一種需要注意這個元素中是否放一下不確定的內容，如果內容太多的情況下可能影響到你的布局。後一種就是大家常常遇到的父容器無法撐開的問題，如果有在父級容器上設定邊框、背景之類樣式時就要特別小心了。

最後附上這個外掛程式的下載地址：mozilla.com.cn