designWeb全般webmasterデザインメモTOPWeb全般toolブラウザで要素を一時的に非表示にする方法Webサイトを構築していく過程で、特定の要素を少し非表示にしたいなどといった場合に、わざわざHTMLやCSSを編集して確認するのは面倒なときがあります。そのような場合にブラウザのデベロッパーツールを利用することで簡単に表示確認などをすることができます。デベロッパーツールの使い方ここでは、ChromeとFirefoxでの使い方を紹介します。どちらも基本的には使い方は同じとなりますので、自分の使いやすい方を使用すると良いでしょう。Chromeの場合メニューから【その他のツール】→【デベロッパーツール】を選択、もしくは「Ctrl+Shift+I」か「F12」キーを押してデベロッパーツールを開きます。デベロッパーツールを開いたら「Elements」タブを選択して、非表示にしたい箇所を選択します。Hキーを押せば一時的に要素を非表示にすることができます。一度、Hキーを押すことで解除することができます。リロードをしても解除することができます。Firefoxの場合メニューから【ウェブ開発】→【開発ツールを表示】を選択、もしくは「Ctrl+Shift+I」か「F12」キーを押してデベロッパーツールを開きます。デベロッパーツールを開いたら「インスペクター」タブを選択して、非表示にしたい箇所を選択します。あとは、Chromeと同様にHキーを押すことで非表示にすることができます。以上が、ブラウザを使って要素を一時的に非表示にする方法となります。