本页面对不同浏览器的HTML5兼容性测试，包括HTML5新元素、CSS3、Javascript方面。 工具采用网上开源js,css检测框架！CSS3(border-radius,opacity,box-shadow,text-shadow,border-image,CSS 3D Transforms,CSS Animations等)；HTML5新元素(Canvas,HTML5 Video,HTML5 Audio,Local Storage,Session Storage,Window Messaging,indexeddb Database,SVG,H.264)；Form2.0(search,email,tel,date,color,autocomplete)；Javascript(function-bind,function-caller,geolocation,console等)
CSS3兼容性测试
- border-radius
- opacity
- rgba()
- hsla()
- box-sizing
- box-shadow
- text-shadow
- Background Size
- Multiple backgrounds
- border-image
- CSS Animations
- CSS Columns
- CSS Gradients
- CSS Reflections
- CSS 2D Transforms
- CSS 3D Transforms
- CSS Transitions
- FlexBox
- Generated Content
- DataURI
- pointer-events
- display: table
- -overflow-scrolling
- Media Queries
HTML5 新标签
- @font-face
- Canvas
- Canvas Text
- HTML5 Audio
- HTML5 Video
- Geolocation API
- Local Storage
- Session Storage
- Window Messaging
- Offline Applications
- Web Workers
- Query Selector
- WebSQL Database
- indexeddb Database
- Touch Events
- File API
- meter (element)
- progress (element)
- Drag & Drop
- Hashchange Event
- History Management
- Web Sockets
- SVG
- SVG Clipping Paths
- Inline SVG
- SMIL
- WebGL
- (.ogg) Ogg
- (.mp3) MP3
- (.wav) Windows Audio
- (.m4a) MPEG4 AAC
- Ogg
- H.264
- WebM
HTML5 “Forms 2.0” Tests
<input type="search"><input type="tel"><input type="url"><input type="email"><input type="datetime"><input type="date"><input type="month"><input type="week"><input type="time"><input type="datetime-local"><input type="number"><input type="range"><input type="color">
-
<input autocomplete="on"> -
<input autofocus> -
<input list="mylist"> -
<input placeholder="Enter Text"> -
<input max="100"> -
<input min="100"> -
<input multiple> -
<input pattern="[dbs]{3}"> -
<input required> -
<input step="3.1415">
CSS3 Selector
-
E[att^="val"] -
E[att$="val"] -
E[att*="val"] -
E:root -
E:nth-child(n) -
E:nth-last-child(n) -
E:nth-of-type(n) -
E:nth-last-of-type(n) -
E:last-child -
E:first-of-type -
E:last-of-type -
E:only-child -
E:only-of-type -
E:empty -
E:target - E:enabled
- E:disabled
-
-
E:not(s) -
E ~ F -
E > F
Javascript 新特性检测
- activex
- activex-enabled
- array-es5
- array-every
- array-filter
- array-foreach
- array-indexof
- array-isarray
- array-lastindexof
- array-map
- array-reduce
- array-reduceright
- array-slice-nodelist
- array-some
- date-now
- date-toisostring
- date-tojson
- dom
- dom-addeventlistener
- dom-attrmodified
- dom-children
- dom-computed-style
- dom-create-attr
- dom-createelementns
- dom-current-style
- dom-dataset
- dom-dynamic-base
- dom-element-do-scroll
- dom-html5-elements
- dom-quirks
- dom-selectable
- dom-subtreemodified
- dom-tagname-uppercase
- eval-global-scope
- event-metakey
- event-preventdefault
- event-srcelement
- event-stoppropagation
- function-bind
- function-caller
- js-enabled-direct
- js-enabled-lazy
- js-enabled-lazy-now
- json-parse
- json-stringify
- native-console
- native-cors-xhr
- native-crosswindowmessaging
- native-eventsource
- native-geolocation
- native-history-state
- native-indexeddb
- native-localstorage
- native-orientation
- native-sessionstorage
- native-sql-db
- native-websockets
- native-worker
- native-xhr
- native-xhr-uploadevents
- object-__proto__
- object-create
- object-defineproperties
- object-defineproperty
- object-es5
- object-freeze
- object-getownpropertydescriptor
- object-getownpropertynames
- object-getprototypeof
- object-isextensible
- object-isfrozen
- object-issealed
- object-keys
- object-preventextensions
- object-seal
- script-async
- script-defer
- string-trim