ソースコードを表示する方法

この記事では、最も一般的なブラウザで、ウェブサイトの裏側にあるHTML、CSS、JavaScriptなどのコード、つまりウェブサイトのソースコードを表示する方法を紹介します。ただし、Safariの裏技を除き、モバイル版ブラウザを使用してウェブサイトのソースコードを表示することはできません。

方法 1

方法 1 の 3:

1
ウェブブラウザを開く　Chrome、Firefox、Microsoft EdgeおよびInternet Explorerでは、同様の手順でソースコードを表示することができます。
2
ウェブページに移動する　ソースコードを表示したいウェブページに移動します。
3
ウェブページを右クリックする　1つボタンマウスのMacコンピュータを使用している場合は、Controlを押しながらクリックします。トラックパッド付きのノートパソコンの場合は、2本指を使ってウェブページをクリックします。右クリックすると、ドロップダウンメニューが表示されます。
- このとき、リンクや写真を右クリックしないように注意しましょう。開きたいものとは違うメニューが表示されてしまいます。
4
ページのソースを表示またはソースの表示をクリックする　新しいウインドウまたは現在のウインドウの下部に、ブラウザのソースコードが表示されます。
- ChromeおよびFirefoxではページのソースを表示、Microsoft EdgeおよびInternet Explorerではソースの表示と表示されます。
- キーボードのCtrl+U（PC）または⌥ Option+⌘ Command+U（Mac）を押下しても、ソースコードを表示することが可能です。
広告

方法 2

方法 2 の 3:

1
Safariを開く　青い方位磁針アイコンのアプリです。
2
Safariをクリックする　画面左上のMacのメニューバーにある項目です。クリックするとドロップダウンメニューが表示されます。
3
環境設定をクリックする　ドロップダウンメニューの中程にある項目です。
4
詳細タブをクリックする　「環境設定」ウインドウの右上角にあるタブです。
5
「メニューバーに開発メニューを表示」のボックスにチェックを入れる　「環境設定」ウインドウの下部にある項目です。Macのメニューバーに開発メニューが表示されます。
6
ウェブページに移動する　ソースコードを表示したいウェブページに移動します。
7
開発をクリックする　Macのメニューバーのウインドウメニューの左にあるメニューです。
8
ページのソースを表示をクリックする　ドロップダウンメニューの下側にある項目です。クリックすると、Safariでウェブページのソースコードが表示されます。
- キーボードの⌥ Option+⌘ Command+Uを押下しても、ソースコードを表示することが可能です。
広告