Open the Rendering tab, select 'Disable AVIF image format' and refresh the page.

Suppose we have the following HTML code to serve an image in AVIF and WebP for newer browsers, with a fallback PNG image for older browsers. These new emulations make it easier for developers to test different image loading scenarios without having to switch browsers. There are mouse and keyboard shortcuts to change the angle value as well, check out our documentation to learn more!Ĭhromium issues: 1126178, 1138633 # Emulate unsupported image typesĭevTools added two new emulations in the Rendering tab, allowing you to disable AVIF and WebP image formats. Click anywhere in the clock or drag the needle to change the angle! Click on the clock icon to toggle the clock overlay. background: linear-gradient(angle, color-stop1, color-stop2), transform: rotate(angle)), a clock icon is shown next to the angle in the Styles pane. When an HTML element on your page has CSS angle applied to it (e.g.

Stay tuned!Ĭhromium issue: 1029427 # New CSS angle visualization toolsĭevTools now has better support for CSS angle debugging! There will be an upcoming engineering blog post explaining the implementation in detail. The team did some optimization to reduce the performance overhead of serialisation, parsing and deserialisation during the startup. DevTools startup now is ~37% faster in terms of JavaScript compilation (from 6.9s down to 5s)! 🎉

New google chrome icon