資訊專欄INFORMATION COLUMN
摘要：，通過進行瀏覽器功能檢測通過可以判斷某一功能是否能夠被當(dāng)前瀏覽器支持，是一個可以插入到你的網(wǎng)頁里面的文件，通過調(diào)用內(nèi)部的函數(shù)可以完成對當(dāng)前瀏覽器的某一功能的檢驗。我們已經(jīng)可以通過來判斷某一功能能否被當(dāng)前瀏覽器所支持。
作為html5開發(fā)人員常常面臨兼容性和新功能之間的抉擇，為了解決這一問題，我們會采取不同的方案，按照問題解決的遞進關(guān)系可以分為3步（避免問題和解決問題）：1，了解主流瀏覽器對于制定html5功能的支持情況，如果能夠得到期望的瀏覽器的支持，那么可以使用，否則不實用。在了解瀏覽器的支持情況后，還需要瀏覽器的裝機情況，這樣可以進一步了解目標(biāo)用戶對于新功能是否有足夠的支持；2，針對一臺具體的用戶電腦瀏覽器查詢特定的功能時候能夠被支持（所謂診斷），可以使用modernizr技術(shù)來解決；3mo d針對診斷結(jié)果采取解決方案，可以使用膩子腳本來解決（所謂醫(yī)治）。
1，了解瀏覽器的支持情況和瀏覽器在用戶中的使用情況
可以通過專門的統(tǒng)計網(wǎng)站caniuse來了解這些情況，
簡單說明一下它的使用。上圖（caniuse首頁截圖）是網(wǎng)站內(nèi)容，在綠框中輸入你所需要的html5新功能名字，即可查詢對應(yīng)的使用情況。
caniuse查詢結(jié)果
在查詢結(jié)果中可以看到各個主流瀏覽器的不同版本對于這個功能支持情況。值得注意的是國內(nèi)一些瀏覽器大多是盒子瀏覽器，采用別人的瀏覽器內(nèi)核。如QQ瀏覽器采用的IE內(nèi)核（支持情況取決于你電腦上安裝的IE版本），360瀏覽器采用的是chrome＋IE瀏覽器雙核，百度瀏覽器同樣是雙核。具體版本可以通過到官網(wǎng)上進行查詢。這些瀏覽器會基于內(nèi)核進行優(yōu)化，所以不能簡單根據(jù)內(nèi)核版本判斷支持情況，但內(nèi)核版本可以作為充要條件。
2，通過modernizr進行瀏覽器功能檢測
通過modernizr可以判斷某一功能是否能夠被當(dāng)前瀏覽器支持，modernizr是一個可以插入到你的網(wǎng)頁里面的js文件，通過調(diào)用內(nèi)部的函數(shù)可以完成對當(dāng)前瀏覽器的某一功能的檢驗。使用方法如下：
1，下載modernizr的js文件。2，將文件放入到你的網(wǎng)頁所在的文件夾內(nèi)。3，在你的網(wǎng)頁的head標(biāo)簽中加入對這個js文件的使用。4，編寫腳本執(zhí)行檢測功能，并將結(jié)果輸出到頁面中去。
3，通過膩子腳本來解決兼容性的問題。
我們已經(jīng)可以通過modernizr來判斷某一功能能否被當(dāng)前瀏覽器所支持。但是這一結(jié)果不能幫助瀏覽器進行正確的現(xiàn)實為了解決這一問題，我們可以通過膩子腳本的方式來解決。針對不同html功能會有膩子腳本來解決，然而膩子腳本的的品質(zhì)確不一能保證。這是膩子腳本的集合
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/111929.html
摘要：，通過進行瀏覽器功能檢測通過可以判斷某一功能是否能夠被當(dāng)前瀏覽器支持，是一個可以插入到你的網(wǎng)頁里面的文件，通過調(diào)用內(nèi)部的函數(shù)可以完成對當(dāng)前瀏覽器的某一功能的檢驗。我們已經(jīng)可以通過來判斷某一功能能否被當(dāng)前瀏覽器所支持。 作為html5開發(fā)人員常常面臨兼容性和新功能之間的抉擇，為了解決這一問題，我們會采取不同的方案，按照問題解決的遞進關(guān)系可以分為3步（避免問題和解決問題）：1，了解主流瀏覽...
摘要：很久沒上掘金發(fā)現(xiàn)草稿箱里存了好幾篇沒發(fā)的文章最近梳理下發(fā)出來往期面試官系列如何實現(xiàn)深克隆面試官系列的實現(xiàn)面試官系列前端路由的實現(xiàn)面試官系列基于數(shù)據(jù)劫持的雙向綁定優(yōu)勢所在面試官系列你為什么使用前端框架前言設(shè)計前端組件是最能考驗開發(fā)者基本功的測 很久沒上掘金,發(fā)現(xiàn)草稿箱里存了好幾篇沒發(fā)的文章,最近梳理下發(fā)出來 往期 面試官系列(1): 如何實現(xiàn)深克隆 面試官系列(2): Event Bus...
摘要：一什么是瀏覽器兼容問題所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。條件注釋最初于微軟的瀏覽器中出現(xiàn)，并且直至均支持。 一、什么是瀏覽器兼容問題 所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，我們的需求是，無論用戶用什么瀏覽器來查看我們的網(wǎng)站或者登陸我們的系統(tǒng)，都...
摘要：希望在做所有事情之前，操作文檔。不受層級限制子選擇器在給定的父元素下匹配所有子元素。相鄰選擇器匹配所有緊接在元素后的元素。判斷當(dāng)前對象中的某個元素是否包含指定類名，包含返回，不包含返回下標(biāo)過濾器精確選出指定下標(biāo)元素獲取第個元素。 原文鏈接 http://blog.poetries.top/2016... 首先，來了解一下jQuery學(xué)習(xí)的整體思路 showImg(https://seg...
閱讀 2986·2023-04-25 17:22
閱讀 1551·2019-08-30 15:54
閱讀 1280·2019-08-30 15:53
閱讀 1797·2019-08-30 15:43
閱讀 3046·2019-08-29 12:29
閱讀 1240·2019-08-26 11:37
閱讀 3269·2019-08-23 18:02
閱讀 1613·2019-08-23 14:15
