HTMLのソースコードをブラウザで表示する方法

閲覧しているWebページのHTMLソースコードを、 ブラウザで表示することができます。

ブラウザの画面上で右クリックして 「ページのソースを表示」をクリックしてください。
ブラウザによって文言は若干違う場合がありますが、 ほぼ同じ文言です。 Firefox・Google Chromeは「ページのソースを表示」、 Microsoft Edgeは「ページのソース表示」です。

HTMLソースを表示

他にはショートカットキーを使って キーボード操作だけでHTMLソースコードを表示することができます。 ショートカットキーは「Ctrl + U」で、 このショートカットキーはGoogle Chrome・Microsoft Edge・Firefox共通です。

表示されているHTMLソースコード中にあるCSSファイルやJavaScriptファイルのリンク部分を クリックすると、該当するCSSファイルやJavaScriptのコードを見ることもできます。

Webサイトがどのようなコードで記述されているのか興味のある方は、 ぜひ活用してみてください。

関連記事

IT基礎知識