Knowledge

[Damien_Villaret]

This article explains how to save network logs in web development tools and the console logs from the browser and how to capture and read client side response trace with HAR file analyzer.

Environment:

• Internet Explorer / Edge browser
• Google Chrome browser
• Mozila FireFox browser
• iPad/iPhone and Safari

Google Chrome and Microsoft Edge (new Chromium version):

1. Open developer tools (Menu > More tools > Developer tools or Ctrl + Shift + I or F12)
2. Select the Network tab.
3. Make sure that "Preserve log" is checked so that all traffic is captured.
4. Access or refresh the page traffic needs to be captured for or a problem should be reproduced in
5. Perform the steps to cause the behavior/issue
6. Click on the down arrow "Export HAR..." button or Right-click within the Network capture pane then choose 'Save as HAR with content' and save the .har capture locally.
7. Click on the Console tab > right-click > Save As > Save on the .log file.

To read the files, use a tool such as the HAR Analyzer https://toolbox.googleapps.com/apps/har_analyzer/

Firefox (41+) :

1. Go to Menu > Web Developer > Network
2. Reload the page you want to get the log for
3. Perform the steps to cause the behavior/issue
4. Right-click > Save All as HAR
5. Click on Console tab, Right-click > Select All.
6. Right-Click > Export Visible Message To > File, and save on a .txt file.

 

Internet Explorer and Microsoft Edge (older versions):

1. Open Developer Tools (F12)
2. Go to the network tab and click on the green arrow to start the tool
3. Refresh the page to capture the logs
4. Perform the steps to cause the behavior/issue
5. Click 'Export captured traffic' icon and choose XML or HAR format.
6. Click on Console tab > right-click > Copy All, and paste it / save on a .txt file.

 

To read the files, use a tool such as the HAR Analyzer https://toolbox.googleapps.com/apps/har_analyzer/

iPad or iPhone Safari:

1. On the iPad or iPhone, open the Settings app and go to Safari, Advanced. Enable the Web Inspector.
   
   
   
   
2. On the Macintosh, launch Safari --> Preferences --> Advanced --> Show Develop menu in tab bar
   
   
   
   

Further Troubleshooting

1. On the iPad/iPhone, access the QlikView / Qlik Sense site you are having issues with
2. On the Mac, launch Safari --> Develop menu --> pick the name of the iOS device and select the site to inspect.
   
   
   
   
3. The Web inspector will launch. Select Networking and then, on the iOS device, start reproducing the issue.
   
   
   
   The Web Inspector can be used not only with iOS devices, but also with the iOS Simulator for Mac.  Please, check the "How to simulate iOS Safari on a Mac" article.