web开发，各大浏览器新版的对比

最新推荐文章于 2022-12-05 11:30:08 发布

capfjian

最新推荐文章于 2022-12-05 11:30:08 发布

阅读量191

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/capfjian/article/details/108492512

版权

表一

BROWSERS Select up to five browsers and compare their test results in detail	Chrome 68	Edge 18	Firefox 52	Safari 11.2	Internet Explorer 11

BROWSERS

Select up to five browsers and compare their test results in detail

Chrome 68

Edge 18

Firefox 52

Safari 11.2

Internet Explorer 11

parsing rules	5	5	5	5	5
`<!DOCTYPE html>` triggers standards mode	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
HTML5 tokenizer	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
HTML5 tree building	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Parsing inline SVG	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Parsing inline MathML	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

New or modified elements
elements	27	23	26	26	15
Embedding custom non-visible data	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Section elements	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Grouping content elements	Yes ✔	Partial ○	Yes ✔	Yes ✔	Partial ○
Text-level semantic elements	Yes ✔	Yes ✔	Partial ○	Yes ✔	Partial ○
Interactive elements	Partial ○	No ✘	Partial ○	Partial ○	No ✘
Global attributes or methods
`hidden` attribute	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Dynamic markup insertion	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

Field types
forms	64	64	44	42	34
`input type=text`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Partial ○
`input type=search`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=tel`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=url`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=email`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=date`	Yes ✔	Yes ✔	No ✘	No ✘	No ✘
`input type=month`	Yes ✔	Yes ✔	No ✘	No ✘	No ✘
`input type=week`	Yes ✔	Yes ✔	No ✘	No ✘	No ✘
`input type=time`	Yes ✔	Yes ✔	No ✘	No ✘	No ✘
`input type=datetime-local`	Yes ✔	Yes ✔	No ✘	No ✘	No ✘
`input type=number`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=range`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=color`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
`input type=checkbox`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=image`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`input type=file`	Partial ○	Partial ○	Partial ○	Partial ○	Partial ○
`textarea`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`select`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`fieldset`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Partial ○
`datalist`	Yes ✔	Yes ✔	Yes ✔	No ✘	Yes ✔
`output`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
`progress`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`meter`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Fields
Field validation	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Association of controls and forms	Yes ✔	Yes ✔	Partial ○	Yes ✔	Partial ○
Other attributes	Yes ✔	Partial ○	Partial ○	Yes ✔	Partial ○
CSS selectors	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Partial ○
Events	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Partial ○
Forms
Form validation	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

web components	10	2	2	6	0
Custom elements	Yes ✔	No ✘	No ✘	No ✘	No ✘
Shadow DOM	Yes ✔	No ✘	No ✘	Yes ✔	No ✘
HTML templates	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
HTML imports	Yes ✔	No ✘	No ✘	No ✘	No ✘

location and orientation	20	20	20	15	20
Geolocation	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Device Orientation	Yes ✔	Yes ✔	Yes ✔	No ✘	Yes ✔
Device Motion	Yes ✔	Yes ✔	Yes ✔	No ✘	Yes ✔

output	8	8	8	8	3
Full screen support	Prefixed ✔	Prefixed ✔	Prefixed ✔	Prefixed ✔	Prefixed ✔
Web Notifications	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘

input	10	10	5	5	5
Gamepad control	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Pointer Events	Yes ✔	Yes ✔	No ✘	No ✘	Yes ✔
Pointer Lock support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘

Video codecs
video	29	33	29	33	31
`video` element	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Subtitles	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Audio track selection	No ✘	Yes ✔	No ✘	Yes ✔	Yes ✔
Video track selection	No ✘	Yes ✔	No ✘	Yes ✔	No ✘
Poster images	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Codec detection	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
MPEG-4 ASP support	No ✘	Yes ✔	No ✘	Yes ✔	No ✘
H.264 support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
H.265 support	No ✘	Yes ✔	No ✘	No ✘	No ✘
Ogg Theora support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
WebM with VP8 support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
WebM with VP9 support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘

Advanced
audio	29	27	27	25	20
`audio` element	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Loop audio	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Preload in the background	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Web Audio API	Yes ✔	Yes ✔	Yes ✔	Prefixed ✔	No ✘
Speech Recognition	Prefixed ✔	No ✘	No ✘	No ✘	No ✘
Speech Synthesis	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Audio codecs
PCM audio support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
MP3 support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
AAC support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Dolby Digital support	No ✘	Yes ✔	No ✘	Yes ✔	No ✘
Dolby Digital Plus support	No ✘	Yes ✔	No ✘	Yes ✔	No ✘
Ogg Vorbis support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
Ogg Opus support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
WebM with Vorbis support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
WebM with Opus support	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘

Adaptive bit rate
streaming	5	5	5	5	5
Media Source extensions	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
DRM support	Yes ✔	Yes ✔	Yes ✔	Prefixed ✔	Prefixed ✔
Dynamic Adaptive Streaming / MPEG-DASH	No ✘	Yes ✔	No ✘	No ✘	No ✘
HTTP Live Streaming / HLS	No ✘	Yes ✔	No ✘	Yes ✔	No ✘
Codecs
Video codecs	Partial ○	Partial ○	Partial ○	Partial ○	Partial ○
Audio codecs	Partial ○	Yes ✔	Partial ○	Partial ○	Partial ○

responsive images	15	15	15	15	0
`picture` element	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
`srcset` attribute	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
`sizes` attribute	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘

Drawing primitives
2d graphics	24	24	24	24	14
Canvas 2D graphics	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Text support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Path support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Ellipse support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Dashed line support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
System focus ring support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Features
Hit testing support	No ✘	No ✘	No ✘	No ✘	No ✘
Blending modes	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Image export formats
PNG support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
JPEG support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
JPEG-XR support	No ✘	No ✘	No ✘	No ✘	No ✘
WebP support	Yes ✔	No ✘	No ✘	No ✘	No ✘

3D Graphics
3d and vr	20	18	20	15	15
WebGL	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Prefixed ✔
WebGL 2	Yes ✔	No ✘	Yes ✔	No ✘	No ✘
VR Headset
WebVR	No ✘	Yes ✔	No ✘	No ✘	No ✘

animation	8	5	8	8	5
Web Animations API	Yes ✔	No ✘	Yes ✔	Yes ✔	No ✘
`window.requestAnimationFrame`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

XMLHttpRequest Level 2
communication	40	35	40	40	27
Server-Sent Events	Yes ✔	No ✘	Yes ✔	Yes ✔	No ✘
Beacon	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Fetch	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Upload files	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Response type support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
WebSocket
Basic socket communication	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`ArrayBuffer` and `Blob` support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

streams	4	4	0	4	0
Readable streams	Yes ✔	Yes ✔	No ✘	Yes ✔	No ✘
Writable streams	No ✘	No ✘	No ✘	No ✘	No ✘

Connectivity
peer to peer	40	33	40	38	0
WebRTC 1.0	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
ObjectRTC API for WebRTC	No ✘	Yes ✔	No ✘	Yes ✔	No ✘
Data channel	Yes ✔	No ✘	Yes ✔	Yes ✔	No ✘
Input
Access the webcam	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Screen Capture	No ✘	No ✘	No ✘	No ✘	No ✘
Enumerate devices	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Recording
Media Stream recorder	Yes ✔	No ✘	Yes ✔	No ✘	No ✘

Drag and drop
user interaction	19	19	18	20	12
Attributes	Partial ○	Partial ○	Partial ○	Yes ✔	Partial ○
Events	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
HTML editing
Editing elements	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Editing documents	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
CSS selectors	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
APIs	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Clipboard
Clipboard API and events	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Spellcheck
`spellcheck` attribute	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

Workers
performance	12	10	11	10	10
Web Workers	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Shared Workers	Yes ✔	No ✘	Yes ✔	No ✘	No ✘
Other
`window.requestIdleCallback`	Yes ✔	No ✘	No ✘	No ✘	No ✘

Authentication
security	29	29	24	26	13
Web Cryptography API	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Prefixed ✔
Content Security Policy 1	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Content Security Policy 2	Yes ✔	Yes ✔	No ✘	Yes ✔	No ✘
Cross-Origin Resource Sharing	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Subresource Integrity	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Cross-document messaging	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Web Authentication / FIDO 2	No ✘	Partial ○	No ✘	No ✘	No ✘
Credential Management	Yes ✔	No ✘	No ✘	No ✘	No ✘
Iframes
Sandboxed `iframe`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
`iframe` with inline contents	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘

payments	5	5	0	5	0
Web Payments	Yes ✔	Yes ✔	No ✘	Yes ✔	No ✘

Offline resources
web applications	16	15	17	13	3
Application Cache	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Service Workers	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Push Messages	Yes ✔	Yes ✔	Yes ✔	No ✘	No ✘
Content and Scheme handlers
Custom scheme handlers	Yes ✔	No ✘	Yes ✔	No ✘	No ✘
Custom content handlers	No ✘	No ✘	Yes ✔	No ✘	No ✘

Key-value storage
storage	35	35	35	35	35
Session Storage	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Local Storage	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Database storage
IndexedDB	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Objectstore `Blob` support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Objectstore `ArrayBuffer` support	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Web SQL Database	Yes ✔	No ✘	No ✘	Yes ✔	No ✘

Reading files
files	15	15	15	15	15
Basic support for reading files	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Create a `Blob` from a file	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Create a Data URL from a `Blob`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Create an `ArrayBuffer` from a `Blob`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Create a Blob URL from a `Blob`	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Accessing the file system
FileSystem API	No ✘	No ✘	No ✘	No ✘	No ✘
File API: Directories and System	Prefixed ✔	No ✘	No ✘	No ✘	No ✘

Script execution
scripting	30	28	27	30	16
Asynchronous script execution	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Defered script execution	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Script execution events	No ✘	No ✘	Yes ✔	No ✘	No ✘
Runtime script error reporting	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
ECMAScript 5
JSON encoding and decoding	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
ECMAScript 6
Modules	Yes ✔	Yes ✔	No ✘	Yes ✔	No ✘
Classes	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Arrow functions	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Promises	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Template strings	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Typed arrays	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Internationalization	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
ECMAScript 7
Async and Await	Yes ✔	Yes ✔	Yes ✔	Yes ✔	No ✘
Other API's
Base64 encoding and decoding	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Mutation Observer	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
URL API	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Encoding API	Yes ✔	No ✘	Yes ✔	Yes ✔	No ✘

other	9	9	9	9	9
Session history	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Page Visibility	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Text selection	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔
Scroll into view	Yes ✔	Yes ✔	Yes ✔	Yes ✔	Yes ✔

表二

BROWSERS Select up to five browsers and compare their test results in detail	Chrome 68	Edge 18	Firefox 52	Safari 11.2	Internet Explorer 11