Google heeft versie 89 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 89 treffen we onder meer ondersteuning aan voor avif-afbeeldingen, en zijn er api's toegevoegd voor nfs, hid's en seriele communicatie. Meer informatie over de veranderingen die in versie 89 zijn aangebracht, naast de gebruikelijke bug- en security fixes, kunnen hieronder worden gevonden.
WebHID APIThere is a long tail of human interface devices (HIDs) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
A human interface device is one that takes input from or provides output to humans. Examples of devices include keyboards, pointing devices (mice, touchscreens, etc.), and gamepads.
The inability to access uncommon or unusual HID devices is particularly painful, for example, when it comes to gamepad support. Gamepad inputs and outputs are not well standardized and web browsers often require custom logic for specific devices. This is unsustainable and results in poor support for the long tail of older and uncommon devices.
With its origin trial over, WebHID is enabled by default in Chrome 89 on desktop. To learn how to use it, check out Connecting to uncommon HID devices, and see demos in Human interface devices on the web: a few quick examples.
Web NFCNFC stands for Near Field Communications, a short-range wireless technology for transmitting small amounts of data, usually between a specialized NFC device and a reader. If you've scanned a badge to enter a building, you may have used NFC.
Web NFC allows a web app to read from and write to NFC tags. This opens new use cases to the web, including providing information about museum exhibits, inventory management, providing information in a conference badge, and many others. In Chrome 89 on Android, Web NFC is enabled by default.
With NFC reading and writing are simple operations. You'll need a little instruction for constructing and interpreting payloads, but it's not complicated. Fortunately, we have an article, Interact with NFC devices on the web. Check it out. We have some samples you can play with. Here's a taste:
Writing a string to an NFC tag:
if ("NDEFReader" in window) { const ndef = new NDEFReader(); await ndef.write("Hello world!"); }Scanning messages from NFC tags:
Web Serial APIif ("NDEFReader" in window) { const ndef = new NDEFReader(); await ndef.scan(); ndef.onreading = ({ message }) => { console.log(`Records read from a NFC tag: ${message.records.length}`); }; }A serial port is a bidirectional communication interface that allows sending and receiving data byte by byte. The Web Serial API brings this capability to websites, letting them control devices such as microcontrollers and 3D printers.
In educational, hobbyist, and industrial settings, peripheral devices are already controlled through web pages. In all such cases device control requires installation of adapters and drivers. The Web Serial API improves the user experience by enabling direct communication between a website and a peripheral.
Its origin trial is over and the Web Serial API is now enabled on desktop. A demo is available on GitHub. For information about using it, see Read to and write from a serial port.
Web Sharing on DesktopTo allow users to easily share content on social networks, developers have manually integrated sharing buttons into their site for each social service. This often leads to users not being able to share with the services they actually use, in addition to bloated page sizes and security risks from third-party code. On the receiving end, only platform apps could register to be share targets and receive shares from other apps.
Chrome for Android started adding these features between Chrome 61 and 75. In Chrome 89, web sharing is available on Windows and ChromeOS, while registering as a share target is supported on ChromeOS. On these platforms, sites can now use
navigator.share()on desktop to trigger a share dialog box. And an entry to the web app manifest allows a PWA to act as a share target.For information on web sharing, see Integrate with the OS sharing UI with the Web Share API. To learn to configure a PWA as a share target, see Receiving shared data with the Web Share Target API.
Origin TrialsThere are no new origin trials in this version of Chrome. To register for current origin trials, visit the Origin Trials dashboard. To learn more about origin trials themselves, visit the Origin Trials Guide for Web Developers.
AVIF Image DecodeChrome now supports decoding AVIF content natively using existing AV1 decoders on Android and WebView. (Desktop support was added in Chrome 85.) AVIF is a next generation image format standardized by the Alliance for Open Media. There are three primary motivations for supporting AVIF:
Cross-origin opener policy reporting API
- Reducing bandwidth consumption to load pages faster and reduce overall data consumption. AVIF offers significant file size reduction for images compared with JPEG or WebP.
- Adding HDR color support. AVIF is a path to HDR image support for the web. JPEG is limited in practice to 8-bit color depth. With displays increasingly capable of higher brightness, color bit depth, and color gamuts, web stakeholders are increasingly interested in preserving image data that is lost with JPEG.
- Supporting ecosystem interest. Companies with a large web presence have expressed an interest in shipping AVIF images on the web.
A new reporting API helps developers deploy cross-origin opener policy. In addition to reporting breakages when COOP is enforced, the API provides a report-only mode for COOP. The report-only mode for COOP will not enforce COOP, but it will report potential breakages that would have happened had we enforced COOP. Developers can inspect the reporting API with Chrome DevTools.
Display override in web app manifestsThe new
display_overridefield for the web app manifest allows developers to specify an explicit fallback chain for thedisplayfield. The following example specifies a"minimal-ui", falling back to"standalone".{ "display": "standalone", "display_override": ["minimal-ui"], }This API is intended for advanced use cases and display modes, and its capabilities are limited. You can learn more in its Chrome Status entry.
Expose ReadableStreamDefaultController interfaceChrome now exposes the
performance.measureUserAgentSpecificMemory()ReadableStreamDefaultControllerinterface on the global object, as with the other ReadableStream-related classes. This eliminates a previous limitation where instances had to be created inside stream constructors.The feature adds a
Potentially trustworthy data: urlsperformance.measureUserAgentSpecificMemory()function which estimates the memory usage of the web page. The method is gated behind COOP/COEP thus the web site needs to be cross-origin isolated to use it.To conform to current web standards, Chrome now treats all data: urls as potentially trustworthy. For background, It's often necessary to evaluate whether a URL is secure in order to only enable certain features when minimum standards of authentication and confidentiality are met. For that purpose, web standards rely on the definition of "potentially trustworthy URL", which includes URLs with the "data" scheme in the latest version of the Secure Contexts specification. Blink previously only treated some data: URLs as potential trustworthy.
Streams API: Byte StreamsThe streams APIs provide ubiquitous, interoperable primitives for creating, composing, and consuming streams of data. For streams representing bytes, Chrome now supports an extended version of the readable stream to handle bytes efficiently, specifically by minimizing copies.
Byte streams allow for Bring Your Own Buffer (BYOB) readers to be acquired. The default implementation can give a range of different outputs such as strings or array buffers in the case of web sockets, whereas byte streams guarantee byte output. Furthermore, being able to have BYOB readers has stability benefits. This is because if a buffer detaches, there's now a guarantee that the same buffer won't be written to twice, hence avoiding race conditions. BYOB readers also do not need to garbage collect for every read, because buffers are reused.
Support for full 'filter' property syntax on SVG elementsChrome now allows the full syntax of the
WebAuthentication API: ResidentKeyRequirement and credProps extension'filter'property to be used on SVG elements which previously only supported singleurl()references. This lets filter functions such asblur(),sepia()andgrayscale()apply to both SVG elements and non-SVG elements. It makes the platform support for'filter'more uniform and allows for easier application of some "canned" effects. Without this feature developers need to use a full SVG<filter>element definition even for basic filters such asgrayscale()orblur().Chrome now supports two new features related to the Web Authentication API. The
AuthenticatorSelectionCriteria.residentKeyproperty specifies for web authentication credential registration whether a client-side discoverable credential should be created.The Web Authentication
CSS ::target-text pseudo-elementcredPropsextension indicates to the relying party whether a created credential is client-side discoverable. "Client-side discoverable credentials" are a type of WebAuthn credential that can be challenged by a relying party without needing to provide the credential ID in the WebAuthn API request. Browsers display a list of all discoverable credentials from a given authenticator (either external security key or built-in) and let the user choose one to sign in with.Adds a highlight pseudo element to allow authors to style
flow-relative Corner Rounding propertiesscroll-to-textfragments differently from the default user agent highlighting.Flow-relative corner rounding properties now allow control of corners using logical mappings rather than physical properties. Additionally, this allows authors to set different corner border radii depending on the direction and writing mode of the page.This brings Chrome in line with the CSS Logical Properties and Values spec. The following logical properties have been added:
Forced colors property
border-start-start-radiusborder-start-end-radiusborder-end-start-radiusborder-end-end-radiusThe
Forced colors adjust propertyforced-colorsmedia feature detects whether the user agent is enforcing a user-chosen limited color palette on the page.The
JavaScriptforced-color-adjustproperty allows authors to opt particular elements out of forced colors mode, restoring full control over the colors to CSS.This version of Chrome incorporates version 8.9 of the V8 JavaScript engine. It specifically includes the changes listed below. You can find a complete list of recent features in the V8 release notes.
Top-level awaitChrome now allows the
Developer Notes Image Orientation with EXIFawaitkeyword at the top level within JavaScript modules. This allows more seamless integration of asynchronous calls into the module loading process. Today this is accomplished by wrapping modules in async functions, but this pushes complexity into dependent modules and exposes implementation details.EXIF information is now always used to orient cross-origin images. That is, setting
Deprecations and Removalsimage-orientation: nonein CSS has no effect on non-secure-origin images. The spec discussion behind the change is available in a CSS working group draft.This version of Chrome introduces the deprecations and removals listed below. Visit ChromeStatus.com for lists of current deprecations and previous removals.
Remove prefixed events for <link rel=prerender>The legacy prefixed events (
Stop cloning sessionStorage for windows opened with noopenerwebkitprerenderstart,webkitprerenderstop,webkitprerenderload, andwebkitprerenderdomcontentloaded) dispatched on<link rel=prerender>are now removed from Chrome.When a window is opened with noopener, Chrome will no longer clone the
sessionStorageof its opener; it will instead start an emptysessionStoragenamespace. This brings Chrome in conformance with the HTML specification.
:fill(white):strip_exif()/i/2002189289.jpeg?f=thumbmedium)
:strip_icc():strip_exif()/u/58761/crop5f34935fa17b7_cropped.jpeg?f=community){kind=small}
:strip_icc():strip_exif()/u/116001/crop5db1ffa2442b3_cropped.jpeg?f=community){kind=small}
:strip_exif()/u/80759/monstermania_small.gif?f=community){kind=small}