資訊專欄INFORMATION COLUMN
摘要：是一個(gè)非常好的庫(kù)，它可以完成對(duì)和的特性檢測(cè)。關(guān)于其介紹，請(qǐng)戳到目前為止，這是我收集的特性檢測(cè)的代碼列表。
隨著HTML 5的流行，現(xiàn)在HTML 5占據(jù)了主要的市場(chǎng)份額，HTML 5增加了很多的新功能，這些新功能可以讓W(xué)eb體驗(yàn)變得更好。大多數(shù)特性在現(xiàn)代的主流瀏覽器中獲得了支持，因此我們可以放心使用這些新特性來(lái)增加Web體驗(yàn)。但是，當(dāng)有新版本的瀏覽器發(fā)布時(shí)，我們不要忘記一些舊版本或者老的瀏覽器。
目前的另外一個(gè)事實(shí)是，用戶想用舊版本的瀏覽器來(lái)支持新特性。因此建立的產(chǎn)品必須是跨瀏覽器的，而我們唯一能做的就是HTML5特性檢測(cè)，來(lái)確保指定特性被瀏覽器支持時(shí)才執(zhí)行代碼。
Modernizr是一個(gè)非常好的JS庫(kù)，它可以完成對(duì)HTML 5和CSS 3的特性檢測(cè)。默認(rèn)情況下，modernizr會(huì)對(duì)所有特性進(jìn)行檢測(cè)（當(dāng)然可以自定義），但如果你只想檢測(cè)某一個(gè)特定功能而不像引入整個(gè)JS庫(kù)，那你就得把代碼放在正確的位置。在這篇文章中，我們將會(huì)看到如何使用原生的js和modernizr來(lái)檢測(cè)HTML 5 的特性。
Canvas// JS
return !!document.createElement("canvas").getContext;
// Modernizr
if (Modernizr.canvas) {
}
Video
// JS
return !!document.createElement("video").canPlayType;
// Modernizr
if (Modernizr.video) {
}
Local Storage
// JS
return "localStorage" in window && window["localStorage"] !== null;
// Modernizr
if (Modernizr.localstorage) {
}
Web Workers
// JS
return !!window.Worker;
// Modernizr
if (Modernizr.webworkers) {
}
Offline Web Application
// JS
return !!window.applicationCache;
// Modernizr
if (Modernizr.applicationcache) {
}
Geolocation
// JS
return "geolocation" in navigator;
// Modernizr
if (Modernizr.geolocation) {
}
Placeholder Text
// JS
var i = document.createElement("input");
return "placeholder" in i;
// Modernizr
if (Modernizr.input.placeholder) {
}
Form Autofocus
// JS
var i = document.createElement("input");
return "autofocus" in i;
// Modernizr
if (Modernizr.input.autofocus) {
}
Microdata
// JS return !!document.getItems; // Modernizr does not provide support to detect MicrodataHistory API
(關(guān)于其介紹，請(qǐng)戳：http://www.ido321.com/1069.html)
// JS
return !!(window.history && history.pushState);
// Modernizr
if (Modernizr.history) {
}
到目前為止，這是我收集的特性檢測(cè)的代碼列表。如果你有特性檢測(cè)的代碼想要在列表中分享，也可以告訴我。
原文首發(fā)：http://www.ido321.com/1116.html
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/49552.html
摘要：最近閱讀了編寫可維護(hù)的，在這里記錄一下讀書筆記。禁止使用，，，的字符串形式。避免使用級(jí)事件處理函數(shù)。讓事件處理程序成為接觸到對(duì)象的唯一函數(shù)。檢測(cè)函數(shù)是檢測(cè)檢測(cè)函數(shù)的最佳選擇。為特定瀏覽器的特性進(jìn)行測(cè)試，并僅當(dāng)特性存在時(shí)即可應(yīng)用特性檢測(cè)。 最近閱讀了《編寫可維護(hù)的 JavaScript》，在這里記錄一下讀書筆記。書中主要基于三個(gè)方向來(lái)講解怎么增加代碼的可維護(hù)性：編程風(fēng)格、編程實(shí)踐、自動(dòng)化...
摘要：前端工作面試問(wèn)題備注本包含了一些前端面試問(wèn)題用于考查候選者。不建議對(duì)單個(gè)候選者問(wèn)及每個(gè)問(wèn)題那需要好幾個(gè)小時(shí)。列舉不同的清除浮動(dòng)的技巧，并指出它們各自適用的使用場(chǎng)景。選擇器字符串，字符串，回調(diào)函數(shù)，元素，對(duì)象，數(shù)組，元素?cái)?shù)組，對(duì)象等。 https://github.com/darcyclarke/Front-end-Developer-Interview-Questions 前端工作面...
摘要：前端工作面試問(wèn)題備注本包含了一些前端面試問(wèn)題用于考查候選者。不建議對(duì)單個(gè)候選者問(wèn)及每個(gè)問(wèn)題那需要好幾個(gè)小時(shí)。列舉不同的清除浮動(dòng)的技巧，并指出它們各自適用的使用場(chǎng)景。選擇器字符串，字符串，回調(diào)函數(shù)，元素，對(duì)象，數(shù)組，元素?cái)?shù)組，對(duì)象等。 https://github.com/darcyclarke/Front-end-Developer-Interview-Questions 前端工作面...
摘要：前端工作面試問(wèn)題備注本包含了一些前端面試問(wèn)題用于考查候選者。不建議對(duì)單個(gè)候選者問(wèn)及每個(gè)問(wèn)題那需要好幾個(gè)小時(shí)。列舉不同的清除浮動(dòng)的技巧，并指出它們各自適用的使用場(chǎng)景。選擇器字符串，字符串，回調(diào)函數(shù)，元素，對(duì)象，數(shù)組，元素?cái)?shù)組，對(duì)象等。 https://github.com/darcyclarke/Front-end-Developer-Interview-Questions 前端工作面...
閱讀 1559·2021-11-17 09:33
閱讀 1111·2021-11-12 10:36
閱讀 2422·2019-08-30 15:54
閱讀 2446·2019-08-30 13:14
閱讀 2920·2019-08-26 14:05
閱讀 3296·2019-08-26 11:32
閱讀 3011·2019-08-26 10:09
閱讀 3005·2019-08-26 10:09
