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