How can I retrieve the source files of a web page?

To investigate errors in test results, you may be asked to send the source files of the website to MagicPod Support.  Below are the steps to retrieve them, specifically for Google Chrome (similar procedure can be followed for other browsers).

Table of contents

• Mac
• Windows
• Get a source file of a page with dynamically generated elements

Mac

1. 1. Right-click anywhere on the problematic web page (except on an image) and select Save As...

   

   2. In the Format field, choose Web Page, Complete and click Save.

   

   3. Share the saved HTML file and the accompanying folder with MagicPod.

   

    

   How to Get a Source File for a Page with Dynamically Generated Elements

   For web pages where elements are dynamically generated, the standard method may not work. Instead, use outerHTML to retrieve the source file.

   1. Open Chrome Developer Tools and right-click on the target HTML element.
   2. Copy outerHTML.

   

   3. Paste the copied content into a text file and share it with MagicPod.

Windows

1. Right-click anywhere on the problematic web page (except on an image) and select Save as…

2. In the Save as type field, select Webpage, Complete, then click Save.

3. Share the saved HTML file and the accompanying folder with MagicPod.

Get a source file of a page with dynamically generated elements

For web pages where elements are dynamically generated, the standard method may not work. Instead, use outerHTML to retrieve the source file.

1. Open Chrome Developer Tools and right-click on the target HTML element.
2. Copy outerHTML.

3. Paste the copied content into a text file and share it with MagicPod.