What's New In DevTools (Chrome 90) | Blog | Chrome for Developers

New CSS flexbox debugging tools DevTools now has dedicated CSS flexbox debugging tools! When an HTML element on your page has display: flex or display: inline-flex applied to it, you can see a flex badge next to it in the Elements panel. Click the badge to toggle the display of a flex overlay on the page. In the Styles pane, you can click on the new icon next to the display: flex or display: inlin

[rikuba]

“New CSS flexbox debugging tools”

[efcl]

Chrome 90のDev Toolsの変更点について。 CSS flexboxのデバッグツールの追加、Core Web Vitalsのオーバーレイ表示、 Issues tabの改善、CSS color-gamutのエミュレート機能の追加。 Dev Toolsを開いた状態でのデバッグのパフォーマンス改善、`fn