Webページのソースファイルを取得するには

テスト結果のエラー原因等を調査するため、テスト対象WebサイトのソースファイルをMagicPodへ送っていただく場合があります。

その際の取得手順について説明します。(Google Chromeのみ説明しますが、他のブラウザも方法はほぼ同じです)

目次

• Mac
• Windows
• 動的に要素が生成されるページのソースファイルの取得

Mac

1. 問題が発生しているページの画像以外の場所を右クリックし、「別名で保存」を選択します。
2. 「形式」に「ウェブページ、完全」を選択し、「保存」を押下します。
3. htmlファイルとフォルダをMagicPodへご共有ください。

Windows

1. 問題が発生しているページの画像以外の場所を右クリックし、「名前を付けて保存」を選択します。
2. 「ファイルの種類」に「ウェブページ、完全」を選択し、「保存」を押下します。
3. htmlファイルとフォルダをMagicPodへご共有ください。

動的に要素が生成されるページのソースファイルの取得

HTML内の要素が動的に生成されるページの場合、上記方法で取得したファイルでは調査を進めることが難しいことがあります。その場合outerHTMLを使いソースファイルを取得します。

1. Chromeの開発者ツールを開き、HTML要素を右クリックします。
2. outerHTMLをコピーします。
3. 2.でコピーした内容をテキストファイルに貼り付け、そのファイルをMagicPodへご共有ください。