The Tizen Studio TV Extension provides the Web Inspector as a debugging tool. This topic describes how to use the Web Inspector to test applications running on the simulator, emulator, or a target device.
The Web Inspector is based on the Webkit Web Inspector and the Google Chrome™ Developer Tools.
All Samsung TVs since 2015 support the Web Inspector. It is also fully supported on the TV emulator since Tizen TV Extension 2.1.2.
Web Inspector measurements can differ between the TV emulator and an actual Samsung TV.
Because the application launches before the Web Inspector does, you cannot use the Web Inspector to check any performance issues, such as memory usage, at the point of application initialization.
You can use the Web Inspector to debug applications running on the simulator, the emulator, or a target device.
To launch the Web Inspector with the simulator, right-click the simulator and select "Web Inspector".
The Google Chrome™ Web browser is required to use the Web Inspector with the TV emulator. Before using the Web Inspector, you must first configure the Tizen Studio settings:
In the Tizen Studio menu, select "Window > Preferences > Tizen Studio > Web > Chrome".
In the "Location" field, enter the path to your Google Chrome™ browser installation. The Tizen Studio automatically detects your installation, but if you have installed the browser in a custom location, you must set the location manually.
In the "Extra parameters" field, enter the following parameters:
--no-first-run --activate-on-launch --no-default-browser-check --allow-file-access-from-files --disable-web-security --disable-translate --proxy-auto-detect --proxy-bypass-list=127.0.0.1
The extra parameters are needed for the application to work properly.
To debug an application on the emulator or device using the Web Inspector:
Launch the emulator from the Emulator Manager, or connect the device.
Make sure that you have already created a certificate profile.
In the Tizen Studio Device Manager, right-click the emulator or device, and select "Permit to install application".
To launch the application in debug mode, in the "Project Explorer" view, right-click on the project you want to debug and select "Debug As > Tizen Web Application".
After the application is installed, it is executed and the Web Inspector is displayed automatically.
To end the debugging session, close the Web Inspector window.
If you want to inspect the launch process of your application, in the Web Inspector, press F5 to reload the application.
You can access the internal Web Inspector settings panel and a list of available keyboard shortcuts by clicking the 3 dots icon in the top-right corner of the Web Inspector window, and selecting "Settings".
The Web Inspector has the following known issue: