一個網頁設計的再怎麼好看，如果前端排出來的頁面相容性跟不上，那網頁在不同瀏覽器下的表現也不盡相同，可能在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核心。