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.
For Qlik Sense it is important that the trace is started prior to Qlik Sense login so that WebSocket creation is captured.
Environment:
- Internet Explorer / Edge browser
- Google Chrome browser
- Mozila FireFox browser
- iPad/iPhone and Safari
Google Chrome and Microsoft Edge (new Chromium version):
- Open developer tools (Menu > More tools > Developer tools or Ctrl + Shift + I or F12)
- Select the Network tab.
- Make sure that "Preserve log" is checked so that all traffic is captured.
- Access or refresh the page traffic needs to be captured for or a problem should be reproduced in
- Perform the steps to cause the behavior/issue
- 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.
- Click on the Console tab > right-click > Save As > Save on the .log file. (Important)
![DevToolsChromeAndEdge.gif DevToolsChromeAndEdge.gif](https://community.qlik.com/t5/image/serverpage/image-id/50150iCC5B3DD148B32A9E/image-size/large?v=v2&px=999)
To read the files, use a tool such as the HAR Analyzer https://toolbox.googleapps.com/apps/har_analyzer/
Firefox (41+) :
- Go to Menu > Web Developer > Network
- Reload the page you want to get the log for
- Perform the steps to cause the behavior/issue.
Note: For Qlik Sense it is important that the trace is started prior to Qlik Sense login so that WebSocket creation is captured.
- Right-click > Save All as HAR
- Click on Console tab, Right-click > Select All.
- Right-Click > Export Visible Message To > File, and save on a .txt file. (Important)
![DevToolsFireFox.gif DevToolsFireFox.gif](https://community.qlik.com/t5/image/serverpage/image-id/50151i269764054920AF20/image-size/large?v=v2&px=999)
Internet Explorer and Microsoft Edge (older versions):
- Open Developer Tools (F12)
- Go to the network tab and click on the green arrow to start the tool
- Refresh the page to capture the logs
- Perform the steps to cause the behavior/issue
- Note: For Qlik Sense it is important that the trace is started prior to Qlik Sense login so that WebSocket creation is captured.
- Click 'Export captured traffic' icon and choose XML or HAR format.
- Click on Console tab > right-click > Copy All, and paste it / save on a .txt file. (Important)
![har file edge.png har file edge.png](https://community.qlik.com/t5/image/serverpage/image-id/45250i9E8EEEE6D33D8E2D/image-size/large?v=v2&px=999)
To read the files, use a tool such as the HAR Analyzer https://toolbox.googleapps.com/apps/har_analyzer/
iPad or iPhone Safari:
- On the iPad or iPhone, open the Settings app and go to Safari, Advanced. Enable the Web Inspector.
![Web Inspector Safari.png Web Inspector Safari.png](https://community.qlik.com/t5/image/serverpage/image-id/73106iB03CF14116E7AAD1/image-size/large?v=v2&px=999)
- On the Macintosh, launch Safari --> Preferences --> Advanced --> Show Develop menu in tab bar
![Show Desktop menu in menu bar.png Show Desktop menu in menu bar.png](https://community.qlik.com/t5/image/serverpage/image-id/73107i9B088EAF2C740117/image-size/large?v=v2&px=999)
Further Troubleshooting
- On the iPad/iPhone, access the QlikView / Qlik Sense site you are having issues with
- 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 Developer menu choose device.png](https://community.qlik.com/t5/image/serverpage/image-id/73108i87272D712809753F/image-size/large?v=v2&px=999)
- The Web inspector will launch. Select Networking and then, on the iOS device, start reproducing the issue.
![web inspector view.png web inspector view.png](https://community.qlik.com/t5/image/serverpage/image-id/73111i38813927A329E0F6/image-size/large?v=v2&px=999)
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.