How to capture HAR logs

Overview

In order to troubleshoot a reported issue, Taboola Support may ask you to record a HAR file. This page provides platform-specific steps on how to do so.

👍

For each platform, textual instructions, as well as a visual walkthrough, are provided

📘

What is a HAR file?

A HAR file contains information about the network requests made by your browser.

🚧

Privacy notice

A HAR file includes information about the cookies and pages you downloaded while making the recording.

General guidelines

  1. Before you capture HAR logs:
    1. Disable cache and reload the page.
    2. Execute all steps on the page where the issue occurs.
  2. For assistance with Developer Mode, refer to the relevant platform-specific instructions online.
  3. Once logs are captured, remember to turn off Developer Mode.
  4. Use the correct USB cable for your device.

    Android cable for Android, Lightning cable for iPhone, etc.

  5. For cross-platform logging (e.g. iOS with Google Chrome or Android with Safari), use third-party tools like Charles or Proxyman.

📘

Best practice

Capture logs in Incognito mode. This starts a new session and avoids caching issues.

Desktop - Google Chrome

  1. Using Google Chrome, open an Incognito window and browse to the relevant page.
  2. Right-click on the page, and select Inspect to open the Chrome Developer Tools.

    Or press Cmd + Shift + I

  3. Under the Network tab, enable the Preserve log and Disable Cache options, and click on Clear (🚫).
  4. With the Chrome Developer Tools open, reload the page and reproduce the issue.
  5. Click the Download (⬇) button in the Network panel and save the .har file.
Click to zoom in (or zoom out)

Click to zoom in (or zoom out)

Desktop - Safari

  1. Open Safari and go to Develop > Show Web Inspector.

    If the Develop menu is not visible, enable it using this guide.

  2. Under the Network tab, enable the Disable Cache option.
  3. With the Web Inspector open, reload the page and reproduce the issue.
  4. Click Export and save the .har file.
Click to zoom in (or zoom out)

Click to zoom in (or zoom out)

Android

  1. Enable Developer Mode on your phone:
    • Navigate to Settings > About phone and tap Build number/Version 5+ times.
  2. In Developer options, enable USB Debugging.
  3. Using the appropriate USB cable, connect your phone to a computer, and approve USB debugging when prompted.
  4. Open Google Chrome on your computer.
  5. Enter chrome://inspect/#devices in the address bar and press Enter.
  6. Click Inspect next to the relevant page to start logging.

    If prompted, allow troubleshooting for the application.

  7. Maximize the DevTools window that appears.
  8. Under the Network tab, enable the Preserve log and Disable Cache options, and click on Clear (🚫).
  9. Reload the page and reproduce the issue on your mobile device.

    You may need to scroll down on the mobile page.

  10. Click the Download (⬇) button in the Network panel and save the .har file.

📘

Once logs are captured, remember to turn off Developer Mode.

Click to zoom in (or zoom out)

Click to zoom in (or zoom out)

iPhone/iPad

  1. Enable Web Inspector:
    • Go to Settings > Safari > Advanced and toggle Web Inspector.
  2. Connect your iOS device to a Mac using a USB cable.
  3. Open Safari on your Mac and navigate to Develop > [Your Device Name].

    If the Develop menu is not visible, enable it using this guide.

  4. Select the webpage you want to inspect; this will activate the developer tools.
  5. In the Network tab, enable Disable Cache.
  6. Reload the page and reproduce the issue on your mobile device.
  7. Click the Export icon and save the .har file.

📘

Once logs are captured, remember to turn off Developer Mode.

Click to zoom in (or zoom out)

Click to zoom in (or zoom out)