F12 開発者ツールについて。

F12の開発者ツールで、ホームページのプログラムを確認したいのですが、ここからどうすれば良いのでしょうか?教えて頂けると幸いです。

質問者からの補足コメント

• 単にソースコードが見たいと言うことです。プログラムは、html言語の事を指しています。教えて頂けると幸いです。

  No.1の回答に寄せられた補足コメントです。 補足日時：2024/07/09 23:03

• ソースパネルはどうやって見れば良いのでしょうか?教えて頂けると幸いです。

  No.4の回答に寄せられた補足コメントです。 補足日時：2024/07/09 23:59

No.7 回答者： k-841 回答日時： 2024/07/10 16:57

＞単にソースコードが見たいと言うことです。

プログラムは、html言語の事を指しています。

単純にHTMLを見たいということであれば、F12キーを押せば普通に表示されると思います。

なお、開発者ツールとは別にブラウザにはソースコードの表示機能が備えられていますが、この扱いはブラウザによって異なります。たとえばChromeは、HTMLソースコードの表示のためにわざわざHTMLを再ダウンロードするため、現在画面表示されているHTMLとは異なるHTMLソースが表示される可能性があります。

No.6 回答者： kikyuuu 回答日時： 2024/07/10 01:44

EdgeブラウザでF12を押して開発者ツールを起動したら、

「要素」タブを選択してください

これでhtmlのプログラムコードが表示されます

こんな感じですね
https://tetsujin593.com/wp-content/uploads/2021/ …

No.5 回答者： Ton3901 回答日時： 2024/07/10 00:06

ソースパネルと言いましたが、正確には要素パネルでした。

Google Chromeを例に挙げますと、F12の開発者ツールに「要素」と言うタブがあるかと思います。それを押して頂くとソースコードを見ることができます。

その他ブラウザでも同じようなものがあるかと思います。

No.4 回答者： Ton3901 回答日時： 2024/07/09 23:38

htmlはどちらかと言うとマークアップ言語なのでプログラムとは異なりますが、単にソースコードを見たいと言うことでしたら、既に他の方が挙げられているように大抵のブラウザは右クリック→ソースコード表示若しくはF12の開発者ツールでのソースパネルなどを参照すれば良いかと思います。

No.3 回答者： fujillin 回答日時： 2024/07/09 23:14

こんばんは

＞単にソースコードが見たいと言うことです。
シースを見たいだけなら、開発者ツールは不要です。

大抵のブラウザであれば、表示画面で右クリック、
表示されるメニューから「ページのソースを表示」
などを選択すれば表示できます。

No.2 回答者： maho-maho 回答日時： 2024/07/09 23:10

ブラウザは何でしょう？

大体、見たいサイトのページ上で、右クリック→ページのソース表示で見れますよ。

No.1 回答者： Ton3901 回答日時： 2024/07/09 22:40

ホームページのプログラムを確認したいと言うのが、いまいちどう言うことなのか分かりかねます。

プログラムとはJavaScriptのフロントエンドを指しているのか、PHPやJavaのようなバックエンドを指しているのか
確認とはデバッグしたいと言うことなのか単にソースコードを見たいと言うことなのでしょうか。