Tizen – Debugging

Debugging Web Applications

Ajou Univrsity

Contents

• Debugging Web Applications

• Web Inspector

• Debugging Native Applications

Ajou Univrsity

Debugging Web Applications

Ajou Univrsity

Debugging Web Applications with Tizen Emulator

• Start Tizen emulator

Ajou Univrsity

Debugging Web Applications with Tizen Emulator

• Right click on your project• Select Debug As – Tizen Web Application

Ajou Univrsity

Debugging Web Applications with Tizen Emulator

• Use Web Inspector and Tizen Emulator to debug web applications

Ajou Univrsity

Debugging Web Applications with Tizen Device

• Make sure your device is connected and recognized by Tizen IDE

• Then, you can debug your web applications using Web Inspector

Tizen Device should be displayed here

Ajou Univrsity

Web Inspector

Ajou Univrsity

Web Inspector

• Tizen SDK uses Google Chrome Web Inspector

• You can use Web Inspector to:• Check CSS

• Check JavaScript

• Check resources

• Check network statistics

Ajou Univrsity

Web Inspector

• Checking CSS• Selected element is highlighted

• Style rules applied to the element are displayed on the right

Ajou Univrsity

Web Inspector

• Checking JavaScript• In the sources panel, you can browse JavaScript codes and set

breakpoints

• At breakpoints, your web application will be paused and:• call stack, scope variables will be displayed

Source Browser

Source code

Call stack

Scope variables

Ajou Univrsity

Web Inspector

• Other functions of Web Inspector• The second pane, resources, provides information about the

resources associated with web applications’ page• E.g) external scripts or stylesheets

• The network panel logs all network requests made by web applications

Ajou Univrsity

Debugging Native Applications

Ajou Univrsity

Debugging Native Applications with Tizen Emulator

• Start Tizen Emulator

Ajou Univrsity

Debugging Native Applications with Tizen Emulator

• Right click on your project

• Select Debug As – Tizen Native Application

Ajou Univrsity

Debugging Native Applications with Tizen Emulator

• Tizen IDE will switch to Debug Perspective

• If not, click debug button to change perspective

Debug Button

Ajou Univrsity

Debugging Native Applications with Tizen Emulator

• Check Log view for log, debug, and exception messages

• Check Variables tab for variable value changes

Variables tab

Log view

Source code

Ajou Univrsity

Known Issues with Debugging Native Applications

• Do not step out during debugging inside of OspMain()• This is the entry point for Tizen Native Apps