この記事は GMOアドマーケティング Advent Calendar 2019 7日目の記事です。 こんにちは、フロント周りを担当しているY.A.です。 以前に『メディアと広告のフロント周りを見ている自分がよく使う不具合調査のときのChrome DevToolsの機能(tips編)』でいくつかtipsを紹介しました。 https://techblog.gmo-ap.jp/2019/07/11/using-chromedevtools-like-pro-tips/ ただ実際にこれらを「どういう場面で」「どのように使用するのか」、イメージ付いていない方もいたかもしれません。 Chrome DevToolsを使用して不具合調査するときは、1つのパネル/機能だけで原因特定まで至らないことも多いです。ほとんどの場合仮説とその検証のために、複数のパネル/機能を使用しますので、そのため少し難易度高く感じ
![メディアと広告のフロント周りを見ている自分がよく使う不具合調査のときのChrome DevToolsの機能(実践編)](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fd0d4ab63759cc5518bf41c635ff353ac930832/height=288;version=1;width=512/https%3A%2F%2Ftechblog.gmo-ap.jp%2Fwp-content%2Fuploads%2F2022%2F04%2Fogpimage001.png)