TGIF! A tip for you! 😏 Want to *always* view both the Styles & Computed pane? Yes you can! Spot the new button. You can now toggle the Computed side pane *anytime* you want. The feature is in. Make sure you update your Chrome. 😉

Feedback needed! 👋🏽 Do you find the Performance panel easy / hard to use (or never use it at all)? 🤔 The Chrome DevTools team is currently working on improving the Performance panel. Help us by completing this short 5 questions survey. 👉🏼 forms.gle/NTbjtM7hbU2efA…

Modern image formats can now be debugged in Chrome DevTools. Disable WebP or AVIF to test differing fallbacks in the Rendering panel: bit.ly/devtools-images

我明天(18号)在Google开发者大会上有两场中文演说 - Chrome DevTools 和 #Puppeteer 。大家可以上哔哩哔哩或微信收看哦! #GoogleDevSummit 我看了大会日程，连续6天涵盖Android、Flutter、Tensorflow、Cloud、Web等等主题。棒哦！ 从11月16到21日，每天下午一点，去看看 👉🏼 developersummit.googlecnapps.cn/agenda

New post 🆕 Record tests with the puppeteer recorder built right into DevTools (experimental) umaar.com/dev-tips/241-p… Helpful for scaffolding out code which would otherwise be tedious to write.

I recently implemented the Copy Object features for Chrome DevTools and you no longer need to enter copy() in the Console. It also supports the indentation configuration in DevTools, Try it in Chrome Canary! I hope you like it. 😝😝😝 chromium-review.googlesource.com/c/devtools/dev…

On Chrome DevTools we're migrating to web components, and today we're making our once-internal doc on our strategies for building and testing these components public :) x.com/tomayac/status…

🤩 Chrome 90 来啦！配合国际母语日，@jecelynyeen 这次用华语为大家逐一介绍Chrome DevTools的新功能 - CSS Flexbox调试工具，Core Web Vitals 屏幕显示以及更多！ 📺 youtu.be/UyXPdYLQVQk

I have seen the future, CSS container queries early support in DevTools!

Wow, we reached 10,000 commits! 🎉

We made it easier to understand a webpage in terms of its accessibility tree developer.chrome.com/blog/full-acce…

Chrome DevTools' color picker now supports picking up the color of any window. 🎉🎉🎉Expected to be turned on by default in Chrome 103. This feature has been on hold for a few months, and I just recently had a little time to implement it.

Wow, fresh in Chrome Canary. A quick way to emulate light and dark themes in Chrome DevTools! What a nice little button. What are the other emulations you want to see in there? 👀

New theme emulation shortcut in DevTools! 🖌 WDYT? (Currently in Canary)

What browser developer tools feature have you seen elsewhere and are missing in Chrome DevTools? Please let us know!

Forgot to mention this CSS tip when sharing the :has() calendar 🤦‍♂️ It's a <table> & a snippet like this 👇 tr:has(:checked) ~ tr:has(:hover) .cell:has(~ .cell:hover) Says target the cell in a sibling row that's hovered and has a sibling that is hovered 🤯 You :has() power! 💪

Do you use the Animations panel in Chrome DevTools? To learn more, visit developer.chrome.com/docs/devtools/…

Frances Cornwall I've also recently been looking at ways to improve font debugging in Chrome DevTools. One suggestion is that the name here needs to be more specific - is it the full name or the PostScript name?

Spot the new lightbulb icon #ChromeDevTools? Click on it to see how #Gemini can help you with the error! Try it yourself👇

"Jus' don't use a <div> next time, OK? If it's clickable, use a <button>"