Qlik Community

Knowledge

Search or browse our knowledge base to find answers to your questions ranging from account questions to troubleshooting error messages. The content is curated and updated by our global Support team

Save network web traffic (HAR/XML file) and console logs from the browser's developer tools

cancel
Showing results for 
Search instead for 
Did you mean: 
Damien_Villaret
Support
Support

Save network web traffic (HAR/XML file) and console logs from the browser's developer tools

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.

DevToolsChromeAndEdge.gif

 


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.

DevToolsFireFox.gif

 

 

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.

har file edge.png

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.

    Web Inspector Safari.png

  2. On the Macintosh, launch Safari --> Preferences --> Advanced --> Show Develop menu in tab bar

    Show Desktop menu in menu bar.png

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.

    Developer menu choose device.png

  3. The Web inspector will launch. Select Networking and then, on the iOS device, start reproducing the issue.

    web inspector view.png

    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.

 

Labels (2)
Version history
Last update:
2 weeks ago
Updated by: