Browser developer tools are a set of web developer tools built directly into the browser that allow you to analyze performance in real-time. In this lesson, we will use Chrome DevTools, however, it is possible to use developer tools in Edge as well.
To assist you in analyzing script and performance in a story, the following options are useful:
- Use the Console panel
- Use the Network panel
Access the Tools
There are two ways to open the Chrome DevTools:
- Select Customize and control Google Chrome
→ More Tools → Developer Tools. - Use keyboard shortcut Ctrl + Shift + I when the browser is in focus and the SAP Analytics Cloud web client is open.
Console Panel
The Console panel can be used to analyze client-side errors, for example analyzing the processing of the code.
It's helpful to verify that code is executing in the correct order and to inspect values of variables at a specific moment in time.
Network Panel
The Network panel can be used to analyze page load and inspect network resources, for example, analyze network traffic to SAP Analytics Cloud and getResponse calls that fetch data from the data sources.
It's helpful to record network activity, inspect network requests, and filter and sort network requests.
Additional Information
There are times that Product Support may request additional information to help troubleshoot system errors, performance issues, or a problematic workflow in SAP Analytics Cloud, especially when SAP cannot reproduce the issue.
They may request an HTTP archive (HAR) log file and a Console log file (SAP Note 2280022) or a timeline .json file (SAP Note 2413393) to help them troubleshoot performance issues.