Page Comparison

1. Click Image Added icon, and go to More tools > Developer tools.

   Tip
   You can also right-click the page that has issues with it, and select Inspect to open Developer tools.

   
   

2. Click the Network tab.
3. Enable logs recording (if not enabled ) by clicking the recording button Image Added.
4. Click the Image Added icon to delete any log records that may already be present in the Network tab.
5. Reproduce the issue.
   The logs will get recorded in the Network tab.
6. Export and save the logs as HAR file by clicking the Image Added icon on the toolbar.

1. ClickImage Addedicon.
2. Select Web Developer > Network.
3. Reproduce the issue.
4. Click Image Added at the top-right corner in the Network tab.
5. Select ”Save All As HAR“ to save the logs as HAR file at a specified location.

By default, the Develop menu in Safari is disabled. You need to enable it first and then next you can save the Console logs. If you've already enabled the Develop menu, you can skip to the Saving the Console logs section to save the logs.

Enabling the Develop menu

1. Click Safari and then select Preferences...
2. In the window that opens, click the Advanced tab.
3. At the bottom of the window, select Show Develop menu in menu bar to enable the Develop menu.

Saving the HAR logs

1. Click Develop to open a menu.
2. Select Show Web Inspector.
3. Click the Network tab.
4. Reproduce the issue.
5. Click Export to download the logs as HAR file at a location that you specify.

1. On the top-right corner of the page, click theImage Addedicon to open the menu.

   Tip
   You can also press F12 key on the keyboard to open tools.

   
   

2. Select F12 Developer Tools.
3. Click the Network tab.
4. Click theImage Addedicon at the toolbar in the Network tab to export the logs as HAR at a specified location.