ソースコードの見方

コンテンツ

• ステージ
• 方法1 Chrome、Firefox、Edge、およびInternet Explorerのソースコードを参照
• 方法2 Safariのソースコードを参照

彼のプログラムであるWebページのソースコードは、最新のブラウザーで表示できます。ただし、ブラウザに小さなトリックを実装しない限り、モバイルデバイスでこれを行うことはできません。 サファリ.

ステージ

方法1 Chrome、Firefox、Edge、およびInternet Explorerのソースコードを参照

1. ブラウザを開きます。 ソースコードを表示するプロセスは、Chrome、Firefox、Microsoft Edge、およびInternet Explorerブラウザーでも同じです。

2. 
   

   
   興味のあるWebページに移動します。 ソースコードを表示するいずれかを選択します。

3. 
   

   
   ページを右クリックします。 Macでは、キーを押しながらページをクリックします コントロール マウスにボタンが1つしかない場合はキーボードのノートパソコンでタッチパッドを使用すると、「2本指のクリック Webページ上。これにより、ドロップダウンメニューが表示されます。
   • ページ上のリンク、画像、または写真を右クリックしないように注意してください。表示されるメニューは予想されるものと一致しないためです。

4. 
   

   
   ブラウザのコードビューウィンドウを開きます。 ページの[ソースコード]または[ソースコードの表示]をクリックします。これにより、現在のページのソースコードがページの下部または新しいウィンドウに表示されます。
   • ChromeまたはFirefoxの下に表示されます ページのソースコード ドロップダウンメニューで、Microsoft EdgeまたはInternet Explorerの下で、以下を読むことができます。 ソースコードを見る.
   • キーを同時に押すと同じ結果が得られます Ctrlキー+U PCを使用している場合はキーボード、および ⌥オプション+⌘コマンド+U Macで作業している場合。

方法2 Safariのソースコードを参照

1. 
   

   
   
   
   ブラウザを開きます サファリ. 青いコンパスを表すアイコンで象徴されています。

2. 
   

   
   クリックしてください サファリ. このタブは、画面の左上、Macのメニューバーにあります。これにより、ドロップダウンメニューが表示されます。

3. 
   

   
   クリックしてください 好み. このオプションは、表示されるドロップダウンメニューの中間にあります。

4. 
   

   
   ボタンをクリックしてください 高度. これは、設定ウィンドウの右上隅にあります。

5. 
   

   
   開発メニューを開きます。 ラベルの付いたボックスをチェックします 開発メニューを見る。このオプションは、設定ウィンドウの下部にあります。というタブが表示されるはずです 開発 Macのメニューバーで。

6. 
   

   
   興味のあるWebページに移動します。 ソースコードを表示するいずれかを選択します。

7. 
   

   
   
   
   クリックしてください 開発. このタブは、タイトルのあるタブの左側にあります 窓 Macのメニューバーで。これにより、ドロップダウンメニューが表示されます。

8. 
   

   
   クリックしてください ページのソースコードを表示する. このオプションは、表示されるドロップダウンメニューの下部にあります。ブラウザには、現在のWebページのソースコードが表示されます。
   • キーを同時に押す ⌥オプション+⌘コマンド+U キーボードの場合、同じ結果が得られます。

• 通常、モバイルデバイスのブラウザーでWebページのソースコードを表示することはできませんが、iPhoneまたはiPadのブックマークを使用して、モバイルのSafariでソースコードを表示できます。

• Webサイトのソースコードを表示すると主張するサードパーティアプリケーションをダウンロードする場合は、十分に注意してください。