Skip to content

Latest commit

 

History

History
62 lines (42 loc) · 3.94 KB

Troubleshooting_Tutorial_5661952.md

File metadata and controls

62 lines (42 loc) · 3.94 KB
loio
5661952e72df471b932eddc10350c081

view on: demo kit nightly build | demo kit latest release

Troubleshooting Tutorial

In this tutorial, we will show you some tools that will help you if you run into problems with your OpenUI5 app.

We will introduce you to the browser developer tools and show you the various tools that OpenUI5 offers.

For example, the OpenUI5 tools can help you with the following tasks:

  • Inspect and debug apps

  • Examine bugs and analyze errors

  • Simulate UI changes

  • Find out how to improve performance

To help you practice using the tools, we created an app with errors that we will use throughout the tutorial. You can view and download the app in the Demo Kitat Troubleshooting.

Get Help

If you're stuck and need help with a development task, you can also post a question in the OpenUI5-related forums, for example in the SAP Community or on Stack Overflow.

  1. Step 1: Browser Developer Tools
    In this step, you will learn how to use your browser's developers tools to troubleshoot your OpenUI5 app.
  2. Step 2: Technical Information Dialog
    In this tutorial step, we will have a closer look at the "Technical Information Dialog". This tool comes in handy whenever you want to know the technical details of the running application, and also has some other useful features.
  3. Step 3: Support Assistant
    In this tutorial step, we will have a closer look at Support Assistant. You can use this tool to check whether your app is built according to the best practices with predefined rules.
  4. Step 4: Diagnostics Window
    In this tutorial step, we have a closer look at the Diagnostics window. It offers a wealth of information including comprehensive technical information, a control tree, and debugging features.
  5. Step 5: UI5 Inspector
    In this tutorial step, we will have a closer look at UI5 Inspector - an open source Chrome DevTools extension specifically created for analyzing and debugging OpenUI5 code.
  6. First-Aid Kit
    This section contains the most common issues that you might face when developing OpenUI5 apps and how to solve them.