画面のHTMLを取得するにはどうすればいいですか？

Google Chromeの場合、表示している画面の空白の箇所で右クリックし、「ページのソースを表示」をクリックします。ソースが表示された画面上で右クリックし、「名前を付けて保存」をクリックします。「ファイルの種類」のドロップダウンリストから「ウェブページ、HTML のみ」を選択し、「保存」をクリックします。

ステップ1: 表示している画面の空白の箇所で右クリックする

まず、Google Chromeで表示されているWebページ上の空白の箇所で右クリックします。これはページのコンテキストメニューを開くためのステップです。

ステップ2: 「ページのソースを表示」をクリックする

表示されたコンテキストメニューの中から「ページのソースを表示」を選択します。このアクションにより、新しいタブまたはウィンドウにそのページのHTMLソースコードが表示されます。

ステップ3: ソースが表示された画面上で右クリックする

HTMLソースコードが表示されたタブまたはウィンドウ内で再び右クリックします。これにより、ソースコードに対する操作メニューが表示されます。

ステップ4: 「名前を付けて保存」をクリックする

ドロップダウンメニューから「名前を付けて保存」を選択します。これにより、現在表示されているソースコードをファイルとして保存するためのダイアログが開きます。

ステップ5: 「ファイルの種類」のドロップダウンリストから「ウェブページ、HTML のみ」を選択する

ファイル保存ダイアログの「ファイルの種類」オプションで「ウェブページ、HTML のみ」を選択します。これにより、HTMLコードのみが保存され、その他のリソース（画像、スタイルシートなど）は無視されます。

ステップ6: 「保存」をクリックする

最後に保存ボタンをクリックして、ソースコードをファイルとしてローカルマシンに保存します。このファイルが保存されると、後でオフラインでアクセスしたり、他人と共有したりすることができます。

関連するよくある質問 (QA)

質問	回答
他のブラウザでも同じ手順を使用できますか？	はい、FirefoxやMicrosoft Edgeなど他の主要なブラウザでも、ほぼ同じ手順でHTMLを取得できます。
HTMLファイルを編集するにはどうすればいいですか？	保存されたHTMLファイルは任意のテキストエディタ（例：Notepad++、VSCode）で編集できます。
Chromeの開発者ツールを使う方法はありますか？	はい、F12キーを押して開発者ツールを開き、「Elements」タブでHTMLを確認およびコピーできます。

その他の参考記事:html 実行サイト