Top

Creating a HAR file for troubleshooting

Avatar
Nick DeSimone
  • Updated

To troubleshoot particular errors, a Workable support specialist may request that you send a HAR file so that the issue can be investigated.

A HAR file is a recording of network requests. The recording will document everything that loads in your web browser behind the scenes. It will help us pinpoint errors or issues that are occurring.

Note: It may be necessary to compress the HAR log (using ZIP format), especially if the log file is large

Follow the instructions below based on the web browser you're using.❗To ensure that the file contains the necessary information, please start recording the website data and replicate the steps leading to the error after opening the 'Developer Tools'. This recording will be saved as a HAR file, and you'll need to send it to our support team.

Open Developer Tools:

  1. Open Google Chrome, sign in to Workable and go to the page where the issue occurred.
  2. Click the three vertical dots in the upper right of the Chrome window.
  3. From the menu, select More Tools, then Developer Tools.
    chrome_dev_console.png
  4. A panel that has several tabs will appear, click on the Network tab.

Start recording the steps that caused the error:

  1. Look for a red or gray record button. The button must be red to record the HAR file. If the button is gray, click it to start recording.
  2. Select the Preserve Log checkbox.
  3. Select the Clear button, which is right next to the Record button.
    chrome_har_data.png
  4. You're ready to record. If needed, minimize the panel by dragging and dropping from the top (or side) of it, but be sure not to close it - don't click the X. You can also zoom in on the web page by selecting the zoom percentage at the top.
  5. In the same window you've been using, reproduce the steps in Workable that caused the error.
  6. After recreating the issue, look at the Network tab and right click (or control click on Mac) on the table of names, statuses, types, etc. You may need to drag and drop the panel to expand it and see the table.

Save your file:

  1. When you've right-clicked, choose the option to Save all as HAR with content
  2. The HAR file will be saved to your computer. Attach the HAR file to the email thread with Workable Support.

Open Developer Tools:

  1. Open Firefox, sign in to Workable and go to the page where the issue occurred.
  2. Select the three horizontal lines in the upper right of the browser.
  3. From the menu, choose Web Developer and then Network.
    ff_network_menu.png
  4. A panel will open at the bottom or side of the browser. Click the Network tab.

Start recording the steps that caused the error:

  1. The recording will automatically begin when you start taking actions on the webpage. If needed, minimize the panel by dragging and dropping from the top (or side) of it, but be sure not to close it - don't click the X.
  2. In the same window you've been using, reproduce the steps in Workable that caused the error.

Save your file:

  1. After recreating the issue, look back to the panel that opened and right click (or control click on Mac) anywhere under the File column. Select Save all as HAR.
  2. The HAR file will be saved to your computer. Attach the HAR file to the email thread with Workable Support.

ff_har_data.png

Open Developer Tools:

  1. Open Safari, sign in to Workable and go to the page where the issue occurred.
  2. In the Mac bar at the top of the computer screen, choose Safari, then Preferences.
    safari_preferences.png
  3. Go to the Advanced tab and select Show Develop menu in menu bar.
  4. A new "Develop" option will appear in the bar at the top of the screen. Select Develop and then Show Web Inspector.
    safari_console.png
  5. Select the Network tab.

Start recording the steps that caused the error:

  1. Locate the Export button. If it is grayed out, be sure to refresh the web page before reproducing the steps. The Export button should light up.
  2. Once you're ready, recording will begin automatically. In the same window you've been using, reproduce the steps in Workable that caused the error. If needed, minimize the panel by dragging and dropping from the top (or side) of it, but be sure not to close it - don't click the X. You can also zoom in on the web page by selecting the zoom percentage at the top.

safari_har.png

Save your file:

  1. Once you're done, click the Export button to the right of the Network tab and save the HAR file.
  2. With the HAR file saved to your computer, attach it to the email thread with Workable Support.

Open Developer Tools:

  1. Open Microsoft Edge, sign in to Workable and go to the page where the issue occurred.
  2. Click the three horizontal dots in the upper right of the Edge window.
  3. Select More Tools, then click Developer Tools.
    moretools_edge.png
  4. A panel that has several tabs will appear, click on the Network tab.

Start recording the steps that caused the error:

  1. The recording will automatically begin when you click the Network tab. The button must be red to record the HAR file. If the button is gray, click it to start recording.
    networktab_edge.png
  2. Select the Preserve Log checkbox.
  3. Select the Clear button, which is right next to the Record button.
  4. In the same window you've been using, reproduce the steps in Workable that caused the error.

Save your file:

  1. Once you have reproduced the issue fully, right-click anywhere on the grid of network requests, choose Save all as HAR with Content, and save the file to your computer.
  2. Attach the HAR file to the email thread with Workable Support.

Related articles