![chrome canary new features chrome canary new features](https://i1.wp.com/itc.ua/wp-content/uploads/2021/08/1602019001_chrome_canary_4.jpg)
Syntax highlighting for Nullish coalescing operator - DevTools now properly pretty-prints the nullish coalescing operator in the Sources panel.Ĭhromium issues #1083214, #1073903, #1083797 # New app shortcut warnings in the Manifest paneĪpp shortcuts help users quickly start common or recommended tasks within a web app.Syntax highlighting for private fields - private class fields are now properly syntax-highlighted and pretty-printed in the Sources panel.Optional chaining syntax autocompletion - property auto-completion in the Console now supports optional chaining syntax, e.g.See First Meaningful Paint for an explanation of why it was deprecated.Ĭhromium issue #1096008 # Support for new JavaScript featuresĭevTools now has better support for some of the latest JavaScript language features: Largest Contentful Paint is the recommended replacement for FMP. It has also been removed from the Performance panel. The performance score formula has also been reweighted to better reflect the users' loading experience.Ĭhromium issue #772558 # First Meaningful Paint (FMP) deprecationįirst Meaningful Paint (FMP) is deprecated in Lighthouse 6.0.
![chrome canary new features chrome canary new features](https://i2.wp.com/www.chromestory.com/wp-content/uploads/2020/09/chromebook-wallpaper-3-1.png)
LCP and CLS are 2 of Google's new Core Web Vitals, and TBT is a lab measurement proxy for another Core Web Vital, First Input Delay. Lighthouse 6.0 introduces three new metrics to the report: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Total Blocking Time (TBT).
CHROME CANARY NEW FEATURES FULL
Check out What's New in Lighthouse 6.0 for a summary of all the major changes, or the v6.0.0 release notes for a full list of all changes. The Lighthouse panel is now running Lighthouse 6. There are editable now in the Styles pane:Ĭhromium issue #946975 # Lighthouse 6 in the Lighthouse panel Constructable Stylesheets are a new way to create and distribute reusable styles when using Shadow DOM.įor example, the h1 styles added with CSSStyleSheet (CSSOM APIs) are not editable previously. You can also edit styles added in JavaScript using Constructable Stylesheets now. Many CSS-in-JS frameworks and libraries use the CSSOM APIs under the hood to construct styles. The Styles pane now has better support for editing styles that were created with the CSS Object Model (CSSOM) APIs.