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