DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> html5特性檢測代碼
html5特性檢測代碼
編輯：HTML5詳解     
JavaScript Code復制內容到剪貼板
  1. <audio>    
  2. return !!document.createElement('audio').canPlayType;    
  3. <audio> in MP3 format    
  4. var a = document.createElement('audio');    
  5. return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));    
  6. <audio> in Vorbis format    
  7. var a = document.createElement('audio');    
  8. return !!(a.canPlayType && a.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/, ''));    
  9. <audio> in WAV format    
  10. var a = document.createElement('audio');    
  11. return !!(a.canPlayType && a.canPlayType('audio/wav; codecs="1"').replace(/no/, ''));    
  12. <audio> in AAC format    
  13. var a = document.createElement('audio');    
  14. return !!(a.canPlayType && a.canPlayType('audio/mp4; codecs="mp4a.40.2"').replace(/no/, ''));    
  15. <canvas>    
  16. return !!document.createElement('canvas').getContext;    
  17. <canvas> text API    
  18. var c = document.createElement('canvas');    
  19. return c.getContext && typeof c.getContext('2d').fillText == 'function';    
  20. <command>    
  21. return 'type' in document.createElement('command');    
  22. <datalist>    
  23. return 'options' in document.createElement('datalist');    
  24. <details>    
  25. return 'open' in document.createElement('details');    
  26. <device>    
  27. return 'type' in document.createElement('device');    
  28. <form> constraint validation    
  29. return 'noValidate' in document.createElement('form');    
  30. <iframe sandbox>    
  31. return 'sandbox' in document.createElement('iframe');    
  32. <iframe srcdoc>    
  33. return 'srcdoc' in document.createElement('iframe');    
  34. <input autofocus>    
  35. return 'autofocus' in document.createElement('input');    
  36. <input placeholder>    
  37. return 'placeholder' in document.createElement('input');    
  38. <input type="color">    
  39. var i = document.createElement('input');    
  40. i.setAttribute('type', 'color');    
  41. return i.type !== 'text';    
  42. <input type="email">    
  43. var i = document.createElement('input');    
  44. i.setAttribute('type', 'email');    
  45. return i.type !== 'text';    
  46. <input type="number">    
  47. var i = document.createElement('input');    
  48. i.setAttribute('type', 'number');    
  49. return i.type !== 'text';    
  50. <input type="range">    
  51. var i = document.createElement('input');    
  52. i.setAttribute('type', 'range');    
  53. return i.type !== 'text';    
  54. <input type="search">    
  55. var i = document.createElement('input');    
  56. i.setAttribute('type', 'search');    
  57. return i.type !== 'text';    
  58. <input type="tel">    
  59. var i = document.createElement('input');    
  60. i.setAttribute('type', 'tel');    
  61. return i.type !== 'text';    
  62. <input type="url">    
  63. var i = document.createElement('input');    
  64. i.setAttribute('type', 'url');    
  65. return i.type !== 'text';    
  66. <input type="date">    
  67. var i = document.createElement('input');    
  68. i.setAttribute('type', 'date');    
  69. return i.type !== 'text';    
  70. <input type="time">    
  71. var i = document.createElement('input');    
  72. i.setAttribute('type', 'time');    
  73. return i.type !== 'text';    
  74. <input type="datetime">    
  75. var i = document.createElement('input');    
  76. i.setAttribute('type', 'datetime');    
  77. return i.type !== 'text';    
  78. <input type="datetime-local">    
  79. var i = document.createElement('input');    
  80. i.setAttribute('type', 'datetime-local);   
  81. return i.type !== 'text';   
  82. <input type="month">   
  83. var i = document.createElement('input');   
  84. i.setAttribute('type', 'month');   
  85. return i.type !== 'text';   
  86. <input type="week">   
  87. var i = document.createElement('input');   
  88. i.setAttribute('type', 'week');   
  89. return i.type !== 'text';   
  90. <meter>   
  91. return 'value' in document.createElement('meter');   
  92. <output>   
  93. return 'value' in document.createElement('output');   
  94. <progress>   
  95. return 'value' in document.createElement('progress');   
  96. <time>   
  97. return 'valueAsDate' in document.createElement('time');   
  98. <video>   
  99. return !!document.createElement('video').canPlayType;   
  100. <video> captions   
  101. return 'track' in document.createElement('track');   
  102. <video poster>   
  103. return 'poster' in document.createElement('video');   
  104. <video> in WebM format   
  105. var v = document.createElement('video');   
  106. return !!(v.canPlayType && v.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/, ''));   
  107. <video> in H.264 format   
  108. var v = document.createElement('video');   
  109. return !!(v.canPlayType && v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, ''));   
  110. <video> in Theora format   
  111. var v = document.createElement('video');   
  112. return !!(v.canPlayType && v.canPlayType('video/ogg; codecs="theora, vorbis"').replace(/no/, ''));   
  113. contentEditable   
  114. return 'isContentEditable' in document.createElement('span');   
  115. Cross-document messaging   
  116. return !!window.postMessage;   
  117. Drag-and-drop   
  118. return 'draggable' in document.createElement('span');   
  119. File API   
  120. return typeof FileReader != 'undefined';   
  121. Geolocation   
  122. return !!navigator.geolocation;   
  123. History   
  124. return !!(window.history && window.history.pushState && window.history.popState);   
  125. Local storage   
  126. return ('localStorage' in window) && window['localStorage'] !== null;   
  127. Microdata   
  128. return !!document.getItems;   
  129. Offline web applications   
  130. return !!window.applicationCache;   
  131. Server-sent events   
  132. return typeof EventSource !== 'undefined';   
  133. Session storage   
  134. try {   
  135.   return ('sessionStorage' in window) && window['sessionStorage'] !== null;   
  136. } catch(e) {   
  137.   return false;   
  138. }   
  139. SVG   
  140. return !!(document.createElementNS && document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect);    
  141. SVG in text/Html    
  142. var e = document.createElement('div');   
  143. e.innerHtml = '<svg></svg>';   
  144. return !!(window.SVGSVGElement && e.firstChild instanceof window.SVGSVGElement);   
  145. WebSimpleDB   
  146. return !!window.indexedDB;   
  147. Web Sockets   
  148. return !!window.WebSocket;   
  149. Web SQL Database   
  150. return !!window.openDatabase;   
  151. Web Workers   
  152. return !!window.Worker;   
  153. Undo   
  154. return typeof UndoManager !== 'undefined';  
HTML5詳解
html5使用canvas畫三角形
這篇文章主要介紹了Html5使用canvas畫三角形,需要的朋友可以參考下<canvas i
編寫html5時調試發現腳本php等網頁js、css等失效
最近在編寫Html5時簡單的調試了下與PHP協同使用後，發現在不少情況下JS、CSS等會失效，頁面
animation CSS3動畫總結
最近一個小游戲項目用到了CSS3的動畫屬性，例如transition、transform、anim

相關文章

HTML入門知識HTML5教程關於HTMLHTML和XhtmlHTML5特效代碼HTML5詳解
小編推薦
3D HTML5 Logo標志 超炫酷旋轉特效 HTML5技術教程 動畫在手機中屏幕適配 HTML5 video標簽（播放器）學習筆記（二）:播放控制 html5指南-2.如何操作document metadata html5定時器的使用方法 HTML5 visibilityState屬性詳細介紹和使用實例 用HTML5 實現橡皮擦的塗抹效果的教程 HTML5之HTML元素擴展(上)—新增加的元素及使用概述 用html5實現語音搜索框的方法 幻燈片的使用方法
熱門推薦
《精通HTML5編程》第四章：地理位置API html5指南-4.使用Geolocation實現定位功能 html5中article標簽的講解 HTML5之SVG 2D入門4—筆畫與填充 html5第三方部署Mugeda內容時權限信息的設定 CSS3 實現超炫的 Loading（加載）動畫效果 HTML5 - 越來越明顯的弊端 跟KingDZ學HTML5之七：Canvas移動、旋轉、縮放 HTML5基礎，第4部分：點睛之筆Canvas
大家都在看
JS實現仿QQ面板的手風琴效果折疊菜單代碼 js實現文字跟隨鼠標移動而移動的方法 CSS的滑動門技術研究 css之position(定位)的理解 優雅的交互設計要有簡潔的完整 jquery實現tr元素的上下移動示例代碼 JQuery中使用Ajax賦值給全局變量失敗異常的解決方法教程 IOS游戲設計認知度提升方法和免費游戲的盈利
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved