css瀏覽器兼容性怎么測試？

一個網頁設計的再怎么好看，如果前端排出來的頁面兼容性跟不上，那網頁在不同瀏覽器下的表現也不盡相同，可能在IE瀏覽器下是正常的，但在谷歌瀏覽器下就錯位了。這就是瀏覽器的兼容性，足以讓前端工程師抓狂，因為在前端排版過程中要在不同瀏覽器下充分測試，相當麻煩。

什么是瀏覽器兼容性？為什么會存在瀏覽器兼容性？

我們知道，當下主流的瀏覽器的背后都是一個個科技類公司，不同公司之間也是存在競爭的，所以每個瀏覽器廠家都會對自家的瀏覽器定制化一些功能。也就是因為不同瀏覽器是由不同廠家開發的，不同版本的瀏覽器功能也存在差異，所以就衍生出了瀏覽器兼容性問題。

所謂的瀏覽器兼容性是指不同瀏覽器對網頁的渲染模式存在差異，比如同樣一段HTML和CSS代碼，在不同瀏覽器上解析渲染出來的效果是不同的，比如說：A瀏覽器默認字體行高大一些，B瀏覽器默認字體行高小一些等。

常見的瀏覽器內核

雖然市面上的瀏覽器很多，但常見的瀏覽器內核主要有這幾款：

1、Trident內核（IE內核）

IE瀏覽器使用的是Trident內核，像國內互聯網公司推出的一些瀏覽器（360瀏覽器、百度瀏覽器、QQ瀏覽器、獵豹瀏覽器等）也使用了Trident內核（國內這些瀏覽器基本上都是雙內核，即：IE內核+Webkit內核）。

2、Webkit內核

像Chrome（谷歌）瀏覽器、Safari（蘋果）瀏覽器使用的是Webkit內核。

3、Gecko內核（火狐內核）

Firefox（火狐）瀏覽器使用的是Gecko內核，只不過火狐瀏覽器現在用得不多了。

瀏覽器兼容性怎么測試？

市面上的主流瀏覽器那么多，當我們排好一個頁面后總不能下載10幾個瀏覽器一一測試吧！其實現在的前端兼容性測試比以前的前端兼容性測試要輕松多了，因為：

現在我們只需要對常見的三四種內核的瀏覽器進行測試；

IE低版本不再考慮，以前要考慮IE6、IE7、IE8、IE9等不同版本的兼容性；

手機Wap端頁面主要在Webkit內核瀏覽器下測試即可。

所以前端同學在測兼容性時，主要使用：IE10瀏覽器、Chrome瀏覽器進行測試即可。如果非要考慮低版本的IE兼容性，可使用IETester這類工具，另外在瀏覽器調試模式下可以直接指定IE內核。

以上就是我的觀點，對于這個問題大家是怎么看待的呢？歡迎在下方評論區交流 ~