ソースコードの見方

このWikiHowでは、一般的なブラウザでWebサイトのソースコード（HTML、CSS、JavaScriptなど）を表示する方法を説明します。Safariのトリックを除き、モバイルブラウザでウェブサイトのソースコードを見ることはできません。

方法1

Chrome、Firefox、Edge、Internet Explorerの場合

1. ウェブブラウザを開きます。Chrome、Firefox、Microsoft Edge、Internet Explorerでソースコードを見る手順は同じです。
2. ウェブページに移動します。ソースコードを表示したいページである必要があります。
3. ページを右クリックします。ワンボタンマウスのMacをお使いの場合は、Controlキーを押しながらクリックしてもかまいません。トラックパッド付きのノートパソコンを使っている場合は、代わりに2本指でページをクリックすることができる。そうするとドロップダウンメニューが表示されます。

   • リンクや写真を右クリックすると、間違ったメニューが表示されます。
4. ページのソースを表示」または「ソースを表示」をクリックします。そうすることで、ブラウザのソースコードが新しいウィンドウまたは現在のウィンドウの下部に表示されます。

   • ChromeとFirefoxの場合はView page source、Microsoft EdgeとInternet Explorerの場合はView Sourceと表示されます。
   • Ctrl+U（PC）または ↪So_23 Option+⌘ Command+U（Mac）を押してもソースコードを表示できます。

方法2

サファリ

1. Safariを開く。青いコンパス型のアプリです。
2. Safariをクリックします。Macのメニューバーの左上にあります。ドロップダウンメニューが表示されます。
3. 環境設定」をクリックします。このオプションはドロップダウンメニューの真ん中にあります。
4. 詳細設定タブをクリックします。環境設定ウィンドウの右上にあります。
5. メニューバーに現像メニューを表示する」にチェックを入れる。このオプションは環境設定ウィンドウの一番下にあります。Macのメニューバーに現像メニューが表示されるはずです。
6. ウェブページに移動します。ソースコードを表示したいページである必要があります。
7. 開発」をクリックします。このメニューは、Macのメニューバーの「ウィンドウ」メニューの左側にあります。
8. ページソースの表示」をクリックします。ドロップダウンメニューの一番下にあります。このオプションをクリックすると、Safariがウェブページのソースコードを表示します。

   • Option+⌘Command+Uを押してもソースコードを表示できます。

方法3

ウィキの場合

1. ウィキのソースコードを表示したいページに移動します。
2. View source "または "Edit "タブをクリックします。
3. ソースをスクロールし、自分のサイトにコピーしたいコードを選択／コピーする。

この記事は、CC BY-NC-SAの下で公開されている " How to View Source Code " を改変して作成されました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。