 Sawadee ka. I'm Jess Lynn. Let's find out what's new in DevTools in Chrome 84. The new issues tab aims to help reduce notification fatigue and clutter off the console. In the console panel, a warning bar will be shown if your site has issues. Open the issues tab by clicking on the Go to Issues button. Alternatively, you can open the issues tab from more options, more tools, issues menu. The issues tab presents warnings from the browser in a structured and actionable way. It provides guidance on how to fix the issues. Check out our documentation to get started. The link is in the video description. The Inspect mode tool tip now indicates whether the element has an accessible name, role, and if it's keyboard-focussable. Select and inspect an element on the page. The accessibility information is displayed in the tool tip. The performance panel has a couple of updates. After recording your load performance, the performance panel now shows Dr. Blocking Time, TBT information in the footer. TBT is a load performance metric that helps quantify how long it takes a page to become usable. TBT is the main lab metric for approximating first input delay, FID, which is one of Google's new Core Web Witals. Core Web Witals is an initiative to provide quality signals to help you deliver great user experiences on the web. Check out web.dev.witals to find out more. The new experience section of the performance panel can help you detect layout shifts. Chemulative Layout Shift CLS is another Core Web Witals metric that can help you quantify unwanted visual instability. Click the Layout Shift event to see the details of the layout shift in the summary tab. Hover over the Move From and Move To fields to visualize where the layout shift occurred. The Styles pane autocomplete UI now detects the Revert CSS keyword. The CSS Revert returns the cascaded value of a property to what it would have been if no changes had been made to the element styling. You can now preview the background image in the Styles pane. Hover over a background image value in the Styles pane to see a preview of the image in a two-tip. Color Picker now uses space-separated functional color notation. CSS Color Module Level 4 specifies that color functions like RGB should support space-separated arguments. When you choose colors with the color picker or alternate between color representations, you'll now see the space-separated argument syntax. DevTools is using the new syntax because upcoming CSS features like color do not support the deprecated common-separated argument syntax. App shortcuts are now supported in the Manifest pane. App shortcuts help users quickly start common or recommended tasks within a web app. In the Applications panel, click on the Manifest pane, then scroll down to view the app shortcuts. Check out our article, web.dev.app.shortcuts to learn more about app shortcuts. That's all. Find out more new features of Chrome Dev 284 in our blog post. The link is provided in the video description. Thanks for watching. Bye.