The Group similar toggle in Console Settings now applies to duplicate messages. When performing copy or cut with no selection in the Sources panel editor, DevTools copies or cuts the current line of content.Ĭhromium issue #800028 Console Settings updates Ungroup same console messages The line numbers make it clearer that you are looking at binary data, and is more consistent with how the Wasm runtime references locations.Ĭhromium issue #1071432 Line-wise copy and cut in Sources Panel Previously, the Computed pane merged inside of the Styles pane when DevTools was narrow.Ĭhromium issue #1073899 Bytecode offsets for WebAssembly filesĭevTools now uses bytecode offsets for displaying line numbers of Wasm disassembly. The Computed pane in the Elements tool is now displayed consistently as a pane across all viewport sizes. When the app shortcut icons and manifest icons aren't square (since the icons are ignored).Ĭhromium issue #955497 Consistent display of the Computed pane.
When the app shortcut icons are smaller than 96x96 pixels.The Manifest pane now shows warnings for the following conditions. DevTools now properly pretty-prints the nullish coalescing operator in the Sources panel.Ĭhromium issues #1073903, #1083214, #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 Nullish coalescing operator. Private class fields are now properly syntax-highlighted and pretty-printed in the Sources panel. Property auto-completion in the Console now supports optional chaining syntax, for example, name?. Largest Contentful Paint is the recommended replacement for FMP.Ĭhromium issue #1096008 Support for new JavaScript featuresĭevTools now has better support for some of the latest JavaScript language features: FMP has also been removed from the Performance panel. The performance score formula has also been reweighted to better reflect the loading experience of the user.Ĭhromium issue #772558 First Meaningful Paint deprecationįirst Meaningful Paint (FMP) is deprecated in Lighthouse 6.0. Lighthouse 6.0 introduces three new metrics to the report: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Total Blocking Time (TBT).
Show grid paintbrush mac full#
For a full list of all changes, see v6.0.0 release notes. The Lighthouse panel is now running Lighthouse 6. See Style editing for CSS-in-JS frameworks.Ĭhromium issue #946975 Lighthouse 6 in the Lighthouse panel Give this feature a try with a sample that uses CSS-in-JS. The styles are editable now in the Styles 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) were not editable previously. You are now able to edit styles added in JavaScript using Constructable Stylesheets. 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.
The following sections announce additional features available in Microsoft Edge 85 that were contributed to the open source Chromium project. Starting with Microsoft Edge 85, you are now able to display the Initiator call stack in the tooltip without scrolling horizontally.Ĭhromium issue #1069404 Announcements from the Chromium project You were only able to display the call stack that initiated the request by scrolling horizontally in the tooltip. In Microsoft Edge 83 and 84, tooltips for the Initiator column, which shows the cause of the resource request, in the Network Log displayed with a horizontal scrollbar. To enable the experiment, see Turning an experiment on or off and select the checkbox next to Enable support to move tabs between panels.Ĭhromium issue #897944 Improved Initiator tooltip in the Network panel To review webhint feedback in the Issues panel. Webhint is an open-source tool that provides real-time feedback on the accessibility, cross-browser compatibility, security, performance, PWAs, and other common web development issues of websites. The respondWith service worker event shows the duration from the time immediately before the service worker fetch event handler starts running to the time when the respondWith promise of the fetch handler is settled.Įxpand Response received to display additional information from the fetch response like CacheStorageCacheName, serviceWorkerResponseSource, and ResponseTime.Ĭhromium issue #1066579 webhint feedback in the Issues panel The Timing tab of the Network tool now includes respondWith service worker events. Open the Network Log, right-click, and then select Edit and Replay.Ĭhromium issue #1093687 Service worker respondWith events in the Timing tab To enable the experiment, see Turning an experiment on or off and select the checkbox next to Enable Network Console.
0 kommentar(er)
