Symptom
Description
If you need to inspect or capture HTTP request and response headers for your property, we need to get a HAR capture from the respective browsers. The procedure helps you with the same in case a HTTPWATCH or Fiddler capture is not an option.
The HTTP Archive format or HAR, is a JSON-formatted archive file format for logging of a web browser's interaction with a site. The specification for the HTTP Archive (HAR) format defines an archival format for HTTP transactions that can be used by a web browser to export detailed performance data about web pages it loads.
HAR files are useful when:
- LMS Performance related Issues.
- Content troubleshooting.
- If the issue can only be reproduced in a particular host/Internet connection.
- Troubleshooting streaming content on a web player.
HAR files capture all network traffic during the time that they are being recorded. HAR files can be edited with a text editor. Before sharing a HAR file, we strongly recommend manually removing any sensitive information.
Applies To
Edge/Internet Explorer, Chrome, Firefox
Environment
SAP SUCCESSFACTOR LEARNING
Resolution
Bring up the developer tools using one of these methods:
- Keyboard shortcut:
- Windows: F12
- OS X: ⌘⌥I
- Linux: Ctrl + Shift + I
Follow the steps below
To generate the HAR file for Chrome
- Open Google Chrome and go to the page where the issue is occurring.
- From the Chrome menu bar (
) select More Tools > Developer Tools.
- From the panel opened, select the Network tab.
- Look for a round Record button (
)
in the upper left corner of the tab, and make sure it is red. If it is grey, click it once to start recording.
- Check the box Preserve log.
- Click the Clear button (
)
to clear out any existing logs from the Network tab.
- Reproduce the issue that you were experiencing before, while the network requests are being recorded.
- Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save as HAR with Content, and save the file to your computer.
To generate the HAR file for Internet Explorer
- Open Internet Explorer and go to the page where the issue is occurring.
- Press F12 on your keyboard(or click the gear icon > F12 Developer Tools)
- Click the Network tab.
- Reproduce the issue that you were experiencing before, while the network requests are being recorded.
- Once done click the Save button.
- Give the trace a filename and click the Save button which will save it as a .har file.
To generate the HAR file for Firefox
- Open Firefox and go to the page where you are experiencing trouble.
- Select the Firefox menu (three horizontal parallel lines) at the top-right of your browser window, then select Web Developer > Network.
- The Developer Network Tools opens as a docked panel at the side or bottom of Firefox. Click the Network tab.
- The recording autostarts when you start performing actions in the browser.
- Once you have reproduced the issue and you see that all of the actions have been generated in the Developer Network Panel (should just take a few seconds), right-click anywhere under the File column and click on Save all as Har.
To generate the HAR file for Edge
- Open Edge and go to the page where the issue is occurring.
- From the Edge menu bar select View > Developer > Developer Tools. Alternatively, you can press F12 on your keyboard.
- From the panel opened, select the Network tab.
- Look for a round Record button (
) in the upper left corner of the tab, and make sure it is red. If it is grey, click it once to start recording.
- Check the box Preserve log.
- Click the Clear button (
) to clear out any existing logs from the Network tab.
- Reproduce the issue that you were experiencing before, while the network requests are being recorded.
- Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save as HAR with Content, and save the file to your computer.
Keywords
Learning, HAR File, Fiddler, HTTPWATCh, Troubleshooting, Performance, Content , KBA , LOD-SF-LMS , Learning Management System , How To
Product
Attachments
Pasted image.png |