Chromeの「デベロッパーツール」とは?Chromeのデベロッパーツールをご存じない方もいるかもしれないので簡単に説明しますと、単語から想像できるとおり「開発者向けのデバッグツール」です。同じような機能を有しているものとしては、Firefoxのプラグイン「Firebug」なんかが有名ですね。 開発者向けというくらいなので、非常に多くの便利な機能(JavaScriptのデバッグとかネットワーク通信のやりとりだとか)を備えています。 ただ、高機能ゆえに使いこなすのは結構大変です。私も全然使いこなせていません。 今回ご説明するのはほんのさわりの部分だけですが、それだけでも便利ですよ! Chromeのデベロッパーツールを使ってCSSを仮修正する方法では実際にデベロッパーツールを使って、CSSを仮修正してみましょう。 ここで注意なのが、あくまで「仮」という点です。これをやったからってCSSが修正さ
![HTMLやCSS修正の確認はChromeの標準機能「デベロッパーツール」を使うと便利! - ラブグアバ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d34bd894ab6867810fd766ce82f9a09097d02780/height=288;version=1;width=512/https%3A%2F%2Flove-guava.com%2Fwp-content%2Fuploads%2F2013%2F10%2F201309_000151.png)