套殼瀏覽器與Chrome瀏覽器之間的差異

　　以前QQ瀏覽器一直是我前端調試工具的主力，由於它是一個套殼瀏覽器，因此它的兼容模式（谷歌Chrome內核）和極速模式（IE瀏覽器內核）簡直是調試兼容性的神器，能夠直接切換，不用再反覆打開Chrome和IE。並且這個F12調試臺有木有看起來以爲很熟悉，對，這個就是谷歌瀏覽器自帶的原生開發者工具，這讓我以爲直接用QQ瀏覽器代替谷歌瀏覽器進行調試徹底是能夠的。可是最後我仍是老老實實的換成谷歌瀏覽器作主力調試工具，具體緣由請接着往下看。

　　爲了復現此次神奇的bug，我特意把幾個月前寫的代碼回滾了下，當時是爲了利用Mand Mobile這個UI庫寫一個手機h5下拉加載更多的功能，這個下拉能夠加載到20條，如圖1所示，咱們能夠看到控制檯有兩句「進來了」的輸出語句，也打了斷點，下拉確實觸發了兩次加載更多的方法，每次加載5條，可是頁面就是隻加載到了10條，也不顯示滑動區域底部的提示信息。最後實在沒轍，隨便換了下谷歌瀏覽器，發現谷歌瀏覽器提示了warn，如圖2所示。

圖1 QQ瀏覽器運行的效果，沒有提示

圖2 谷歌瀏覽器運行的效果，提出警告

　　這下子就知道了，Vue頁面用到的oneWeek方法沒有進行定義，雖說這是我犯得一個低級錯誤，可是QQ瀏覽器居然一點錯誤和警告都不提，因此，我第一次對QQ瀏覽器感到很失望。套殼瀏覽器雖然本土化作的很好，各類輔助功能和外觀都作的深得人心。可是認真分析一下，套殼瀏覽器之因此比不上原生的瀏覽器，一是由於他們爲了縮小軟件體積而精簡了內核，可是這樣就會在瀏覽頁面或者調試的時候會出現不可預估和難以判斷的bug和錯誤。二是相比於原生瀏覽器，套殼瀏覽器爲了在其內核上進行修改，這是須要時間的，因此其內核版本比原生瀏覽器的內核版本會相差幾個版本。好比我電腦安裝了最新版本的QQ瀏覽器（如圖4所示）和最新版本的Chrome瀏覽器（如圖5所示）。

 

圖4 QQ瀏覽器的Chromium版本爲70.0.3538.25

 

圖4 Chrome瀏覽器的Chromium版本爲77.0.3865.90

　　77.0.3865.90版本是2019.9發佈的，70.0.3538.25版本大概是2018.11發佈的，相差了近一年，期間的開發版，穩定版，測試版，金絲雀版版本將近20個版本！固然，每一個人有每一個人喜歡的瀏覽器，咱們沒有權利去強制別人使用同一款瀏覽器，也沒必要有瀏覽器高低之分的言論。可是，你若是是個Web前端開發人員，最好使用原生瀏覽器，這不單單是爲了那些使用者考慮，也會爲你的調試帶來許多的便利。

 

圖5 根據網站通信流量監測機構StatCounter的統計，Chrome仍是一枝獨秀

順便下整理經常使用瀏覽器的內核（基於2019年9月）：

Chrome瀏覽器：Chromium（基於Blink）

Safari瀏覽器：Webkit（Blink和Trident的鼻祖）

火狐瀏覽器：Gecko

Opera瀏覽器：Chromium（之前也有屬於本身開發的Presto內核，現已淘汰，加入谷歌豪華套餐）

IE瀏覽器：IE（基於Trident）

UC瀏覽器：Webkit

Edge瀏覽器：Chromium

QQ瀏覽器：Chromium（極速模式）+IE（兼容模式）

360瀏覽器：Chromium（極速模式）+IE（兼容模式）

2345瀏覽器：Chromium（極速模式）+IE（兼容模式）

獵豹瀏覽器：Chromium（極速模式）+IE（兼容模式）

搜狗高速瀏覽器：Chromium

百度瀏覽器：IE

遨遊瀏覽器：IE

世界之窗瀏覽器：IE