instal the new version for windows Google Chrome 116.0.5845.97

To learn the basics of using the Lighthouse panel in DevTools, see Lighthouse: Optimize website speed.Ĭhromium issue: 772558. Most notably, this version adds four new audits that capture various accessibility issues with table headers and captions, input button names, and language mismatches. The Lighthouse panel now runs Lighthouse 10.3.0. The unified metadata view is now also available for local, session, and cache storage sections.Ĭhromium issues: 1448011, 1406017. DevTools now shows you the buckets and their contents. Open DevTools, navigate to Application > Storage > Indexed DB, and run the code. Each storage bucket can store data associated with established storage APIs such as IndexedDB and CacheStorage.Ĭheck out this fiddle to test the feature. Storage buckets are independent from each other, so you can specify eviction prioritization for slices of data and make sure the most valuable data doesn't get deleted. The Application > Storage section gets storage buckets support. # Storage buckets support and metadata view Watch the video to see the linear adjustment in action.Ĭhromium issue: 1421241. You can also choose one of the presets: linear, elastic, bounce, or emphasized. To remove a control point, double-click it. To add a control point, click anywhere on the line. To configure linear timings, click the linear picker button. In this version, the Easing Editor gets the linear timing function support. The Easing Editor in Elements > Styles lets you adjust transition-timing-function and animation-timing-function values with a click. # Linear timing support in Elements > Styles > Easing Editor The Issues panel lists all stylesheets loading issues, including broken URLs, failed requests, and misplaced statements.Ĭhromium issues: 1440626, 1442198, 1453611. The Network panel consistently populates the Initiator column with links to the exact line that references a stylesheet that failed to load.

The Console, in addition to links to failed requests, now provides links to the exact line that references a stylesheet that failed to load.

The Sources > Editor now underlines and shows inline error tooltips next to failed url(), and href statements.The Sources > Page tree now shows only the successfully deployed and loaded stylesheets to minimize confusion.# Improved debugging of missing stylesheetsĭevTools gets a number of improvements to help you identify and debug issues with missing stylesheets faster:

Instal the new version for windows Google Chrome 116.0.5845.97