What’s new in DevTools (Chrome 85)

Chrome 85 introduces several significant updates to DevTools, enhancing its utility for web developers. Key improvements include the ability to edit styles created with the CSS Object Model API and support for new JavaScript features, such as the optional chaining operator, with improved auto-completion. The Sources panel now offers enhanced syntax highlighting for private fields and methods, and provides better support for WebAssembly files by displaying bytecode offsets. Additionally, the Performance panel now consistently displays caching information and shows event times relative to user navigation. These updates, along with the adoption of Lighthouse 6.0, broaden the capabilities of DevTools, making it a more robust tool for debugging and optimizing web applications.