HTML5入门

html5特性检测代码

字号+ 作者： 来源： 2014-11-16 20:49 我要评论( )

JavaScript Code 复制内容到剪贴板 audio return !!document.createElement( 'audio' ).canPlayType; audio in MP3format var a=document.createElement( 'audio' ); return !!(a.canPlayTypea.canPlayType( 'audio/mpeg;' ).replace(/no/, '' )); au

 

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';   

　

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 超级绚丽的html5的页面

    超级绚丽的html5的页面

    2014-11-16 20:49

  • HTML5基础，第4部分：点睛之笔Canvas

    HTML5基础，第4部分：点睛之笔Canvas

    2014-11-16 20:49

  • HTML5基础，第3部分：HTML5 API的威力

    HTML5基础，第3部分：HTML5 API的威力

    2014-11-16 20:49

  • HTML5基础，第2部分：组织页面的输入

    HTML5基础，第2部分：组织页面的输入

    2014-11-16 20:49

网友点评
精彩导读
小强的HTML5移动开发之路（4）——CSS2和CSS3

小强的HTML5移动开发之路（4）——CSS2和CSS3

小强的HTML5移动开发之路（11）——链接，图片，表格，框架

小强的HTML5移动开发之路（11）——链接，图

小强的HTML5移动开发之路（40）——jqMobi中实践header定义的几

小强的HTML5移动开发之路（40）——jqMobi中

小强的HTML5移动开发之路（35）——jQuery中的过滤器详解

小强的HTML5移动开发之路（35）——jQuery中

小强的HTML5移动开发之路（41）——jqMobi中Side Menu实现（类似

小强的HTML5移动开发之路（41）——jqMobi中S

热门资讯
Copyright © 2006-2018 www.h5cn.com.H5之家 版权所有 Power by H5CN 备案：鲁ICP备17035125号-2
HTML5入门 HTML5技术 canvas教程 专题学习 齐博CMS教程