姬小光前端興趣班【第005期】

姬光發表於2015-07-03

enter image description here

不知不覺系列教程已經到了第005期,這裡向大家解釋一下,昨天週日之所以沒有更新,是因為週末開啟的數量確實很低,看來大家週末都不喜歡學習,所以我也打算改為工作日發教程。感謝以下這些同學的支援和督促,謝謝你們!

enter image description here

上一期我們講了文件型別是告訴瀏覽器使用哪種規範去處理 HTML 程式碼,那麼這一期,我們就來說說龐大的瀏覽器家族。

說說瀏覽器

首先解釋一下什麼是瀏覽器,這裡所說的瀏覽器是特指網頁瀏覽器,只要是能夠瀏覽網頁的程式,都是某種程度上的瀏覽器,或者是嵌入了某種瀏覽器的核心。

我們先不去管一共有多少種瀏覽器,要說大家最耳熟能詳的就是IE瀏覽器了,即 windows 系統安裝之後桌面上預設顯示的藍色的 e 圖示,全稱是 Internet Explorer 簡稱 IE。

當然,在使用者的桌面上比較流行的還有 360瀏覽器,搜狗瀏覽器,QQ瀏覽器,獵豹瀏覽器,海豚瀏覽器等等等等。

而對於前端開發者而言,使用最多的便是谷歌瀏覽器 Chrome 或者 Mac 下的 Safari 了,因為它們不僅速度飛快,更有強大的開發工具可以輔助開發。本課程後面會講到這些開發工具的使用,請持續關注。

不同的瀏覽器可能有不同的核心和排版引擎,它們之間紛爭已久,目前你只需要知道,只要是不同的瀏覽器,渲染出來的頁面就可能會出現大小不等的差異即可。

想了解具體的核心和排版引擎,只需要百度一下“瀏覽器”即可(記得百度完了要點選去看喲)。

enter image description here

好,說了這麼多你應該也些許感受到了處理瀏覽器之間的差異是多麼蛋疼的事情了。不過幸好我們不需要相容全部瀏覽器,只需要根據自己業務的資料相容一些主流的瀏覽器即可,比如 IE7+,Chrome,Firefox 等。

當然,事情也沒有想象的那麼美好,即便如此,調整相容性問題還是要佔到專案 30% 左右的時間,而且目測這個狀況短期之內並不會有太大改善,這是前端開發必不可少的工作內容之一,後面我會交給大家跟各種瀏覽器打交道的,敬請期待。

enter image description here

enter image description here

相關文章