Google heeft versie 104 van zijn webbrowser Chrome uitgebracht. Google Chrome is beschikbaar voor Windows, Linux en macOS. Er zijn ook versies voor Android en iOS, maar die volgen een iets ander releaseschema. In versie 104 test Google onder meer een experimentele optie met de naam LazyEmbeds, die pagina's sneller moet laden en kan met Region Capture een gedeelte van scherm worden afgevangen bij het opnemen van video. Meer informatie over de veranderingen die in deze uitgave zijn aangebracht, naast de gebruikelijke bug- en security fixes, kan op deze pagina en hieronder worden gevonden.
Region CaptureChrome on Desktop can now crop self-captured video tracks. Web apps are already able to capture video in a tab using
getDisplayMedia(). Region capture allows web apps to crop a track and remove content from it, typically before sharing it remotely.For example, consider a productivity web app with built-in video conferencing. During a video conference, a web app could use cropping to exclude the video conferencing portion of the screen (outlined in red below) avoiding a hall-of-mirrors effect. For more information, see Better tab sharing with Region Capture.
Media Queries Level 4 Syntax and EvaluationMedia Queries enable responsive design, and the range features that enable testing the minimum and maximum size of the viewport are used by around 80% of sites that use media queries.
The Media Queries Level 4 specification includes a new syntax for these range queries. They can now be written using ordinary mathematical comparison operators. Also supported are the logical operators
orandnot, and nesting and evaluation of "unknown" features. For example, a media query previously written like this:@media (min-width: 400px) { … }Can now be written like this:
@media (width >= 400px) { … }For more information, see New syntax for range media queries in Chrome 104.
Origin TrialsThis version of Chromium supports the origin trials described below. Origin trials allow you to try new features and give feedback on usability, practicality, and effectiveness to the web standards community. To register for any of the origin trials currently supported in Chromium, including the ones described below, visit the Chrome Origin Trials dashboard. To learn more about origin trials in Chrome, visit the Origin Trials Guide for Web Developers. Microsoft Edge runs its own origin trials separate from Chrome. To learn more, see the Microsoft Edge Origin Trials Developer Console.
New Origin Trials FocusgroupThe
Opt Out of Credit Card StoragefocusgroupCSS property improves keyboard focus navigation using the keyboard arrow keys among a set of focusable elements. Adding this feature to browsers allows web developers to control focus navigation without custom solutions that can lead to a lack of consistency, accessibility, and interoperability. Sign up here for the Microsoft Edge origin trial. It's scheduled to last through 107.Secure Payment Confirmation now supports a means for users to opt out of storing their credit card data to make later purchases easier. To use the new feature, set
showOptOuttotrueonmethodData.data, which is passed as the first parameter of thePaymentRequest()constructor. For example:const methodata = [{ … data: { … showOptOut: true … } }]; const request = new PaymentRequest(methodData, details);To see an example in context check out the demo. You can sign up here for the origin trial. It's scheduled to last through Chrome 106.
Shared Element TransitionsShared Element Transitions enables the creation of polished transitions in single-page applications (SPAs). Minimal development effort is required by devs to make transitions look nice; they can choose to use default animation properties, or they can customize their own transition effects to achieve the desired transition experience.Transitions are set declaratively using CSS properties. For more information, see Shared Element Transitions. Visit the dashboard to sign up for the origin trial.
Completed Origin TrialsThe following features, previously in a Chrome origin trial, are now enabled by default.
Speculation RulesSpeculation rules provide a mechanism for web content to permit prefetching or prerendering of certain URLs.
Subresource Loading with Web BundlesSubresource loading with web bundles is a way to load many resources efficiently. To use the feature a web page declares that certain resources are provided by a web bundle at a particular URL.
For information on creating web bundles, see Get started with Web Bundles. For more information on subresource loading using web bundles, see Origin Trial for Subresource Loading with Web Bundles.
Cookie Expires/Max-Age Attribute Upper LimitWhen cookies are set with an explicit Expires/Max-Age attribute the value will now be capped to no more than 400 days. Previously, there was no limit and cookies could expire as much as multiple millennia in the future. This follows a change in the spec. 400 days was chosen as a round number close to 13 months. This duration ensures that sites visited roughly once a year (for example, sites for choosing health insurance benefits) will continue to work.
CSS object-view-boxThe
Fullscreen Capability Delegationobject-view-boxproperty allows authors to specify a portion of an image that should draw within the content box of a target replaced element. This enables creation of images with a custom glow or shadow applied, with properink-overflowbehavior such as a CSS shadow would have. For more information, see First Look At The CSS object-view-box Property.Fullscreen Capability Delegation allows a Window to transfer the ability to call
Multi-Screen Window Placement: Fullscreen Companion WindowrequestFullscreen()to another Window it trusts after relinquishing the transient user activation at the sender Window. This feature is based on the general delegation mechanism that shipped in Chrome 100.Fullscreen Companion Window allows sites to place fullscreen content and a popup window on separate screens from a single user activation. There is a demo available with source code on GitHub.
Permissions Policy for Web Bluetooth APIWeb Bluetooth is now controllable with a Permissions Policy. The token is named
visual-box on overflow-clip-margin"bluetooth"and has a default allowlist of'self'.The
Web Custom Formats for Async Clipboard APIoverflow-clip-marginproperty specifies how far an element's content is allowed to paint before being clipped. This feature allows usingvisual-boxvalues to configure the reference box that defines the overflow clip edge the content is clipped to.Web Custom Formats lets websites read and write arbitrary unsanitized payloads using a standardized web custom format, as well as read and write a limited subset of OS-specific formats (for supporting legacy apps). The name of the clipboard format is mangled by the browser in a standardized way to indicate that the content is from the web. This allows platform applications to opt-in to accepting the unsanitized content.
Some web app developers want to exchange data payloads between web and platform applications via operating system clipboards. The Clipboard API supports the most popular standardized data types (text, image, rich text) across all platforms. However, this API does not scale to the long tail of specialized formats. In particular, custom formats, non-web-standard formats like TIFF (a large image format), and proprietary formats like
WebGL Canvas Color Managementdocx(a document format), are not supported by the current Web Platform.As per the spec, Chromium's implementation of WebGL now allows specifying:
- The color space of a drawing buffer.
- The color space that content should be converted to when importing as a texture.
Before this version of Chrome, both of these defaulted to sRGB. Now they can also use "display-p3".
Deprecations, and RemovalsThis version of Chrome introduces the deprecations and removals listed below. Visit ChromeStatus.com for lists of current deprecations and previous removals.
Block Third-Party Contexts Navigating to Filesystem URLsiframes can no longer navigate to filesystem URLs. Top frame support for navigating to filesystem URLs was dropped in Chrome 68.
Remove Non-Standard Client Hint ModeFour client hints (
Remove U2F API (Cryptotoken)dpr,width,viewport-width, anddevice-memory) have a default allowlist ofselfbut behave as though they have a default allowlist of*on Android, contrary to the spec. This is now fixed, increasing privacy on Android by requiring explicit delegation of these hints.Chrome's legacy U2F API for interacting with security keys is no longer supported. U2F security keys themselves are not deprecated and will continue to work.
Affected sites should migrate to the Web Authentication API. Credentials that were originally registered via the U2F API can be challenged via web authentication. USB security keys that are supported by the U2F API are also supported by the Web Authentication API.
U2F is Chrome's original security key API. It allows sites to register public key credentials on USB security keys and challenge them for building phishing-resistant two-factor authentication systems. U2F never became an open web standard and was subsumed by the Web Authentication API (launched in Chrome 67). Chrome never directly supported the FIDO U2F JavaScript API, but rather shipped a component extension called cryptotoken, which exposes an equivalent
chrome.runtime.sendMessage()method. U2F and Cryptotoken are firmly in maintenance mode and have encouraged sites to migrate to the Web Authentication API for the last two years.
:fill(white):strip_exif()/i/2002189289.jpeg?f=thumbmedium)
/u/590416/crop5d8a8f12228ba_cropped.png?f=community){kind=small}
/u/1076507/crop6206d5954bbe1_cropped.png?f=community){kind=small}
:strip_icc():strip_exif()/u/899381/crop58cfcc5c96cca_cropped.jpeg?f=community){kind=small}