SOLVED How to Generate a HAR file

[moaaz]

how can i generate HAR file.

▶ In Chrome
▶ In Firefox
▶ In Microsoft Edge
▶ In Safari

[zaasmi]

Currently, only Chrome and Firefox can access the HAR feature by default. Other browsers either require a browser extension or cannot generate a HAR. When installing a browser extension, follow the instructions from the extension provider.

▼ In Chrome

1. In a browser page, right-click anywhere and select Inspect Element.

2. The developer tools either appear at the bottom or left side of the browser. Click the Network tab.
   
   HAR network tab screenshot from Chrome developer tools

3. Check Preserve log.

4. Click record.
   
   HAR screenshot of record button in chrome dev tools

5. Browse to the URL that causes issues. Once the issue is experienced, right click on any of the items within the Network tab and select Save all as HAR with Content.
   
   HAR screenshot of save menu in Chrome developer tools

6. Attach the HAR file to your support ticket.

▼ In Firefox

1. From the application menu, select Tools > Web Developer > Network or press Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (OS X).

2. Browse to the URL that causes issues.

3. After duplicating the issue, right-click and choose Save All As HAR.

▼ In Microsoft Edge
Internet Explorer cannot build HAR files, but a similar functionality is described on Microsoft Developer Network.

1. Navigate to Developer tools (use F12 as a shortcut) and select the Network tab.

2. Browse to the URL that causes issues.

3. After duplicating the issue, click on Export as HAR followed by Save As…

▼ In Safari

1. In Safari, ensure a Develop menu appears at the top of the browser window. Otherwise, go to Safari > Preferences > Advanced and select Show Develop Menu in menu bar

2. Navigate to Develop > Show Web Inspector.

Web Inspector is not available until you browse a page other than Safari’s starting page.

3. Browse to the URL that causes issues.

4. Ctrl + click on a resource within Web Inspector and click Export HAR.

Reff

[zaasmi]

Currently, only Chrome and Firefox can access the HAR feature by default. Other browsers either require a browser extension or cannot generate a HAR. When installing a browser extension, follow the instructions from the extension provider.

▼ In Chrome

1. In a browser page, right-click anywhere and select Inspect Element.

2. The developer tools either appear at the bottom or left side of the browser. Click the Network tab.
   
   HAR network tab screenshot from Chrome developer tools

3. Check Preserve log.

4. Click record.
   
   HAR screenshot of record button in chrome dev tools

5. Browse to the URL that causes issues. Once the issue is experienced, right click on any of the items within the Network tab and select Save all as HAR with Content.
   
   HAR screenshot of save menu in Chrome developer tools

6. Attach the HAR file to your support ticket.

▼ In Firefox

1. From the application menu, select Tools > Web Developer > Network or press Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (OS X).

2. Browse to the URL that causes issues.

3. After duplicating the issue, right-click and choose Save All As HAR.

▼ In Microsoft Edge
Internet Explorer cannot build HAR files, but a similar functionality is described on Microsoft Developer Network.

1. Navigate to Developer tools (use F12 as a shortcut) and select the Network tab.

2. Browse to the URL that causes issues.

3. After duplicating the issue, click on Export as HAR followed by Save As…

▼ In Safari

1. In Safari, ensure a Develop menu appears at the top of the browser window. Otherwise, go to Safari > Preferences > Advanced and select Show Develop Menu in menu bar

2. Navigate to Develop > Show Web Inspector.

Web Inspector is not available until you browse a page other than Safari’s starting page.

3. Browse to the URL that causes issues.

4. Ctrl + click on a resource within Web Inspector and click Export HAR.

Reff