How to get source files of a web page

In order to investigate the cause of errors in test results, we may ask you to send the source files of the website to be tested to MagicPod.

This page describes the procedure for getting them. (This explanation is only for Google Chrome, but the method is almost the same for other browsers.)

Table of contents

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

Mac

1. Right-click anywhere on the page where the problem is occurring other than the image and select Save As....
2. Select Web Page, Complete for Format and click Save.
3. Please share your html file and folder with MagicPod.

Windows

1. Right-click anywhere on the page where the problem is occurring other than the image and select Save as....
2. Select Webpage, Complete for Save as type and click Save.
3. Please share your html file and folder with MagicPod.

Get a source file of a page with dynamically generated elements

For pages where elements in HTML are generated dynamically, it may be difficult to proceed with the investigation using the files gotten by the above method. In such cases, use outerHTML to get the source file.

1. Open Chrome's Developer Tools and right-click the HTML element.
2. Copy outerHTML.
3. Paste the content copied in step 2 into a text file and share the file with MagicPod.