デベロッパーツールを使用することで、ブラウザ別で起こる不具合を見つけることができます。また、変更したい箇所のHTMLやCSSがどのように反映されているが即座に知ることができます。 元のファイルを修正せずに、一時的に変更を適用させることもできるので、一部だけを変更して、確認後、元のファイルを変更することも可能です。 GoogleChromeをインストール後、Chromeでサイトを検索。   右上をクリック、「その他のツール」→「デベロッパーツール」 上記のように、変更したい箇所に色がつき、横にコードが出てくるので、時間短縮にもなります。 ページの遷移時間も分かるので、デバック作業に大活躍です。確認後、元のファイルを変更し忘れないようにお気をつけくださいね！