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