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