BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1191
Search: Reset ×
Categories: All CSS (101) HTML elements (98) Selectors (46) JavaScript (43) Forms (40)
WebGL extensions (37) WebAssembly (22) Media queries (21) Fonts (19) Performance (19) Text (19) Scrolling (18) Arrays (17) Layout (17) HTML (16) Progressive web app (15) Typed arrays (14) Units (14) Canvas (13) Background (12) Color types (12) Media elements (12) Strings (12) Clipping, shapes, and masking (11) Security (11) Web components (11) WebXR (11) Typographic font features (10) Animation (9) Internationalization (9) Reporting (9) Text wrap (9) Clipboard (8) Workers (8) Containment (7) DOM (7) Fetch (7) JavaScript modules (7) Print media (7) Sensors (7) CSS object models (6) Image formats (6) Iterators (6) Landmark elements (6) Positioning (6) Promises (6) SVG (6) Storage (6) Streams (6) Credential management (5) Custom elements (5) Explicit defaults (5) Font synthesis (5) HTTP (5) Messaging (5) Multi-column (5) Resource hints (5) Ruby (5) Selection (5) Speech (5) Transitions (CSS) (5) View transitions (5) Web audio (5) WebGL (5) Container queries (4) Cookies (4) Counters (4) File system access (4) Flexbox (4) Gamepad (4) Grid (4) Images (4) Lists (4) Primitive types (4) Regular expressions (4) WebDriver (4) WebRTC (4) Blend mode (3) Borders and outlines (3) Gradients (3) Image scaling (3) JSON (3) Maps (3) MathML (3) Payments (3) Reading order (3) Scroll markers (3) Transforms (3) WebAuthn (3) WebGPU (3) White space (3) Worklets (3) XML (3) Collections (2) Compute pressure (2) Geolocation (2) IndexedDB (2) Parsing and serialization (2) Resource integrity (2) Sets (2) Text fragments (2) WebMCP (2) CSS environment variables (1)
Showing 30 of 120 features

2020

30 features
• January 2020

The navigator.credentials API provides generic storage for authentication credentials. Other credential APIs represent specific kinds of credentials, such as password or public key credentials, that the credential management API stores.

Chrome 60
Firefox 60
Safari 13
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The DOMMatrix, DOMPoint, DOMQuad and DOMRect APIs represent points, rectangles, quadrilaterals and transformation matrices within JavaScript. They can be used in transformations in CSS, <canvas>, and SVG.

Chrome 61
Firefox 33
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The destructuring assignment syntax is a JavaScript expression that unpacks values from arrays, or properties from objects, into distinct variables.

Chrome 60
Firefox 55
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The File API represents and reads from file data and metadata. Typically, you get files through other APIs, such as the <input type="file"> element or drag-and-drop events. You may also send file data to other APIs, such as creating images or drawing on canvases.

Chrome 38
Firefox 28
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The document.fonts API dynamically loads custom fonts and tracks when fonts are loading or ready to use.

Chrome 35
Firefox 41
Safari 10
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The hsl() and hsla() CSS functions pick colors using hue, saturation, lightness, and alpha (transparency) channels.

Chrome 65
Firefox 52
Safari 12.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The :host CSS pseudo-class selects the containing element of the shadow tree in which it is used. The :host() CSS pseudo-class selects the that element only if it matches the provided selector.

Chrome 54
Firefox 63
Safari 10
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The ImageBitmapRenderingContext API is the "bitmaprenderer" rendering context for the <canvas> element. It is commonly used to transfer frames from an OffscreenCanvas to a user-visible <canvas> element.

Chrome 66
Firefox 50
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The unicode-bidi and direction CSS properties override the Unicode layout algorithm. They are intended for Document Type Definition (DTD) designers. For HTML documents, you should use the dir global HTML attribute and <bdo> HTML element instead.

Chrome 48
Firefox 50
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

When a document is loaded over HTTPS, browsers ensure that none of the document's resources are loaded over an insecure protocol. Instead, resources that the document attempts to load over an insecure protocol are either loaded over HTTPS or are blocked.

Chrome 44
Firefox 23
Safari ≤9.1
Edge 79
Baseline Date: Jan 15, 2020

Omit the binding parameter of a catch clause when you don't need information about the exception in a try ... catch statement.

Chrome 66
Firefox 58
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The PNG (Portable Network Graphics) image format is a raster graphics file format with animation, alpha transparency, and lossless compression.

Chrome 59
Firefox 3
Safari 8
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The rgb(), rgba(), and hexadecimal (as in #004488ff) notations pick colors using red, green, blue, and alpha (transparency) channels.

Chrome 65
Firefox 52
Safari 12.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The <animate>, <animateMotion>, and <animateTransform> SVG elements declaratively animate SVG elements. Also known as SMIL.

Chrome 19
Firefox 4
Safari 6
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The SVG image format, represented by the <svg> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.

Chrome 1
Firefox 3
Safari 3
Edge 79
Baseline Date: Jan 15, 2020

The safe-area-inset- CSS environment variables represent a rectangle that cannot cut off content within a non-rectangular screen. For example, top:\ env(safe-area-inset-top); positions the top of an element below the notch on an iPhone.

Chrome 69
Firefox 65
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

CSS scroll snap controls the panning and scrolling behavior within a scroll container.

Chrome 69
Firefox 68
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The EventSource API creates a connection to a server and listens to a stream of events sent by the server.

Chrome 6
Firefox 6
Safari 5
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.

Chrome 53
Firefox 63
Safari 10
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The Sourcemap HTTP response header links generated code to a source map, so the browser shows the original source in a debugger. This makes it easier to work with minified or transpiled code.

Chrome 18
Firefox 55
Safari 7
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The spread (...) syntax allows an iterable, such as an array or string, to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected.

Chrome 60
Firefox 55
Safari 11.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

Stable array sort() function

Chrome 70
Firefox 3
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The matchAll() method of strings matches a string against a regular expression and returns an iterator of all results, including capturing groups.

Chrome 73
Firefox 67
Safari 13
Edge 79
Baseline Date: Jan 15, 2020

The trimStart() and trimEnd() methods of strings return a new string with whitespace removed from the beginning or end of the string.

Chrome 66
Firefox 61
Safari 12
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

Template literals are literals delimited with backtick (`) characters, allowing for multi-line strings, string interpolation with embedded expressions, and special constructs called tagged templates.

Chrome 62
Firefox 53
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The TextEncoder API transforms a stream of code points into a byte stream with UTF-8 encoding, and TextDecoder does the reverse.

Chrome 38
Firefox 19
Safari 10.1
Edge 79
Baseline Date: Jan 15, 2020

The WEBGL_compressed_texture_astc extension for WebGL 1.0 and 2.0 contexts adds the Adaptive Scalable Texture Compression format to compressedTexImage2D() and compressedTexSubImage2D().

Chrome 47
Firefox 53
Safari 12
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.

Chrome 56
Firefox 22
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
Widely Available

The RTCPeerConnection.getStats(), RTCRtpSender.getStats(), and RTCRtpReceiver.getStats() methods return detailed information about the status, performance, network, and media for a given WebRTC connection.

Chrome 58
Firefox 44
Safari 11
Edge 79
Baseline Date: Jan 15, 2020
← Previous Page 3 of 4 (120 features) Next →