Skip to content
Last updated

Creating Har Files for Troubleshooting

If you encounter issues using the TD Console interface, or issues with permissions, that are difficult to troubleshoot, it is often very helpful to supply an HTTP Archive (HAR) file to the TD Support team. An HAR file is a JSON-formatted archive file that logs a web browser's interaction with a site. The common extension for these files is .har , and you can can attach these files to emails that you send to support about your issue.

Here are instructions for how to create HAR files:

Creating an HAR file in Chrome (or Chromium-based Browsers)

  1. In the Chrome browser, navigate to the page you wish to record.
  2. Select Customize > More Tools > Developer Tools.
  3. Select the Network tab.
  4. Select the Preserve log checkbox.
  5. Select theStop recording network log button.
  6. Select the Clear button to clear the current log.
  7. Select the Record network log button to start recording.
  8. Refresh the page and then perform the task that reproduces the issue you encountered.
  9. After the issue has been reproduced, select the Export HAR button.
  10. Specify the location where you want to save the file and select Save.

The HAR file is saved. Attach a copy of the HAR file in your email to TD Support.

Here is a partial example of what the HAR file might look like:

Example Chrome HAR File

{
      "log": {
        "version": "1.2",
        "creator": {
          "name": "WebInspector",
          "version": "537.36"
        },
        "pages": [
          {
            "startedDateTime": "2022-11-15T21:00:49.383Z",
            "id": "page_1",
            "title": "https://console.treasuredata.com/app/integrations/catalog",
            "pageTimings": {
              "onContentLoad": 1184.9240000010468,
              "onLoad": 1231.1599999957252
            }
          }
        ],
        "entries": [
          {
            "_initiator": {
              "type": "script",
              "stack": {
                "callFrames": [
                  {
                    "functionName": "",
                    "scriptId": "86",
                    "url": "https://console.treasuredata.com/app/assets/releases/e6c1a7a13/js/vendors-node_modules_sentry_webpack-plugin_src_sentry-webpack_module_js-node_modules_sentry_c-d72b7c.97b93a73ceda881466c9.js",
                    "lineNumber": 1,
                    "columnNumber": 110359
                  },
    .
    .
    .
    .  

Creating an HAR file in Firefox

  1. In the Firefox browser, navigate to the page you wish to record.
  2. Select Menu > More Tools > Web Developer Tools.
  3. Select the Network tab.
  4. Select Network Settings > Persist Logs.
    The tool automatically starts recording.
  5. Refresh the page and then perform the task that reproduces the issue you encountered.
  6. After the issue has been reproduced, select Network Settings > Save All As HAR.
  7. Specify the location where you want to save the file and select Save.

The HAR file is saved. Attach a copy of the HAR file in your email to TD Support.

Here is a partial example of what the HAR file might look like:

Example Firefox HAR File

    {
      "log": {
        "version": "1.2",
        "creator": {
          "name": "Firefox",
          "version": "98.0"
        },
        "browser": {
          "name": "Firefox",
          "version": "98.0"
        },
        "pages": [
          {
            "startedDateTime": "2022-11-15T13:46:28.496-08:00",
            "id": "page_1",
            "title": "Loading...",
            "pageTimings": {
              "onContentLoad": 453,
              "onLoad": 2990
            }
          }
        ],
        "entries": [
          {
            "pageref": "page_1",
            "startedDateTime": "2022-11-15T13:46:28.496-08:00",
            "request": {
              "bodySize": 0,
              "method": "GET",
              "url": "https://console.treasuredata.com/app/assets/releases/2b6a3c36c/fonts/nunito-latin-400.aeb21c64a21841c44124.woff2",
              "httpVersion": "HTTP/2",
              "headers": [
                {
                  "name": "Host",
                  "value": "console.treasuredata.com"
                },
                {
                  "name": "User-Agent",
                  "value": "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:98.0) Gecko/20100101 Firefox/98.0"
                },
    .
    .
    .
    .  

Creating an HAR file in Safari

  1. In the Safari browser, navigate to the page you wish to record.

  2. Select Safari > Preferences.

  3. Select the Advanced tab.

  4. Select theShow Develop menu in menu bar checkbox.

  5. Close Preferences.

  6. Select Develop > Show Web Inspector.

    The web inspector pane displays.

  7. Select Other filter options > Preserve Log.

  8. Refresh the page and then perform the task that reproduces the issue you encountered.

  9. After the issue has been reproduced, select Export.

  10. Specify the location where you want to save the file and select Save.

The HAR file is saved. Attach a copy of the HAR file in your email to TD Support.

Here is a partial example of what the HAR file might look like:

Example Safari HAR File

{
      "log": {
        "version": "1.2",
        "creator": {
          "name": "WebKit Web Inspector",
          "version": "1.0"
        },
        "pages": [
          {
            "startedDateTime": "2022-11-15T22:21:34.299Z",
            "id": "page_0",
            "title": "https://console.treasuredata.com/app/integrations/catalog",
            "pageTimings": {
              "onContentLoad": 141321.06368899986,
              "onLoad": 141321.22318600887
            }
          }
        ],
        "entries": [
          {
            "pageref": "page_0",
            "startedDateTime": "2022-11-15T22:20:02.214Z",
            "time": 230.6818735523848,
            "request": {
              "method": "GET",
              "url": "https://console.treasuredata.com/app/index.md",
              "httpVersion": "HTTP/2",
              "cookies": [
                {
                  "name": "_td_global",
                  "value": "d9c63b54-1747-42d6-9fab-4e73e107a0c9"
                },
                {
                  "name": "XSRF-TOKEN-PRODUCTION",
                  "value": "0dvE6MUbbR6%2FTFbj456esUp22pQeZigfplhQA6L7POKt5BNGb3LyqKdKJB53okMFobyI%2BsvVBZCaPhPSEflhaw%3D%3D"
                },
                {
                  "name": "tdid_production",
                  "value": "NVE3MTc%3D%0A"
    .
    .
    .
    .  

Creating an HAR file in Edge

  1. In the Edge browser, navigate to the page you wish to record.
  2. Select Settings > More tools > Developer tools.
  3. In the developer tools pane, select the Network tab.
  4. Select the Preserve log checkbox.
  5. If the button is red, select the Stop recording button.
  6. Select the Record network log button.
  7. Refresh the page and then perform the task that reproduces the issue you encountered.
  8. After the issue has been reproduced, select the Stop recording button.
  9. Select Export HAR.
  10. Specify the location where you want to save the file and select Save.

The HAR file is saved. Attach a copy of the HAR file in your email to TD Support.

Here is a partial example of what the HAR file might look like:

Example Edge HAR File

    {
      "log": {
        "version": "1.2",
        "creator": {
          "name": "WebInspector",
          "version": "537.36"
        },
        "pages": [],
        "entries": [
          {
            "_initiator": {
              "type": "script",
              "stack": {
                "callFrames": [
                  {
                    "functionName": "",
                    "scriptId": "111",
                    "url": "https://console.treasuredata.com/app/assets/releases/2b6a3c36c/js/main-bde52cb3.cb1f0d77897ff34fa00d.js",
                    "lineNumber": 0,
                    "columnNumber": 94531
                  },
                  {
                    "functionName": "",
                    "scriptId": "93",
                    "url": "https://console.treasuredata.com/app/assets/releases/2b6a3c36c/js/main-07c6e912.664482a141b27fd0aad3.js",
                    "lineNumber": 0,
                    "columnNumber": 242572
                  },
                  {
                    "functionName": "l",
                    "scriptId": "66",
                    "url": "https://console.treasuredata.com/app/assets/releases/2b6a3c36c/js/vendors-node_modules_react_index_js-node_modules_react_jsx-runtime_js-node_modules_redux-logg-46bbaa.744486f4f0ac7ec4b567.js",
                    "lineNumber": 0,
                    "columnNumber": 15426
                  },