📃 January 2019 release notes
Newly available
The following features are newly available:
-
Page breaks:
In printed page layouts, the
break-after
,break-before
,break-inside
CSS properties control where printed pages start and end. Also known as pagination or page breaking.
New in Chrome
The following features are now available in Chrome:
-
Intl.ListFormat:
The
Intl.ListFormat
API creates a locale-aware formatter that turns iterable objects into localized strings. -
Screen capture:
The
navigator.mediaDevices.getDisplayMedia()
method asks the user to choose a screen or portion of a screen (such as a window) to capture as a media stream. -
User activation:
The
navigator.userActivation
API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.
New in Chrome Android
The following features are now available in Chrome Android:
-
Intl.ListFormat:
The
Intl.ListFormat
API creates a locale-aware formatter that turns iterable objects into localized strings. -
User activation:
The
navigator.userActivation
API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure.
New in Firefox
The following features are now available in Firefox:
-
crisp-edges:
The
image-rendering: crisp-edges
CSS declaration scales images to preserve lines without blurring. -
globalThis:
The
globalThis
property accesses the globalthis
value (and hence the global object itself) across environments. -
messageerror:
The
messageerror
event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages. -
Safe area inset environment variables:
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. -
steps() easing:
The
steps()
CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. Thestep-start
andstep-end
keyword values are presets with a single interval. -
Storage access:
The
document.requestStorageAccess()
method allows content in iframes to request storing and reading cookies and other site data, while thedocument.hasStorageAccess()
method checks if such access is granted. - WebP: The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.
New in Firefox for Android
The following features are now available in Firefox for Android:
-
crisp-edges:
The
image-rendering: crisp-edges
CSS declaration scales images to preserve lines without blurring. -
globalThis:
The
globalThis
property accesses the globalthis
value (and hence the global object itself) across environments. -
messageerror:
The
messageerror
event fires on a target, such as a window or worker, when an incoming message cannot be deserialized. This event can fire for many types of messages, such as cross-document messages or broadcast channel messages. -
Safe area inset environment variables:
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. -
steps() easing:
The
steps()
CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. Thestep-start
andstep-end
keyword values are presets with a single interval. -
Storage access:
The
document.requestStorageAccess()
method allows content in iframes to request storing and reading cookies and other site data, while thedocument.hasStorageAccess()
method checks if such access is granted. - WebP: The WebP image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.