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

New CSS Grid debugging tools DevTools now has better support for CSS grid debugging! When an HTML element on your page has display: grid or display: inline-grid applied to it, you can see a grid badge next to it in the Elements panel. Click the badge to toggle the display of a grid overlay on the page. The new Layout pane has a Grid section offering you a number of options for viewing the grids. C

[Shisama]

WebAuthn について最近調べたり触ってたりしているので、WebAuthn のデバッグできるのはありがたい！

[efcl]

Chrome 87のDevToolsの変更点について。 CSS Gridのデバッグ機能、WebAuthタブの追加、Lighthouse 6.4へのアップデート、resource-typeとurlでのフィルターができるように。 COEPとCOOPのレポート先の表示、CSS Overviewでコントラストの問題の表

[hc0001]

Chrome 87 に追加される DevTools の各種変更。WebAuthn をデバッグできるタブの追加、パネルが上下にあるパネルグループ間を移動できるように、ネットワークパネルのフィルタ種別の追加など。