Chrome DevTools の Rendering タブを使ってみようはじめに この記事は #EveOneZenn (Everyday One Zenn) vol.15 です。 Chrome DevTools に組み込まれている、ページの描画に関する機能を提供する Rendering タブについてまとめます。 前回： Rendering タブを表示する Chrome DevTools の Rendering タブは メニュー（三点ドット）→ More tools → Rendering から表示できます。 Elements や Console といったメインのパネルが並んでいる上部のナビゲーションではなく、下部のナビゲーションで Rendering パネルが表示されます。 Rendering タブの機能 Rendering タブで使用できる各種機能を紹介します。 Paint flashing ページ上で再描画が発生したエリアを緑色でハイライトします。 DOM
