![google chrome script debugger google chrome script debugger](https://www.pcloudy.com/mobile-application-testing-documentation/manual-app-testing/images/chrome-debugger/enter-url-to-debug.png)
![google chrome script debugger google chrome script debugger](http://i1.ytimg.com/vi/PL5gEzJBqFI/maxresdefault.jpg)
Navigate to Products > Catalog and click Add Product.The tab displays the name and the configuration of the UI component instance. In the right column of the panel, click the Knockout context tab.Point to the required element on the page, right-click and select Inspect.To define the UI component using the plugin: In the result, find the extension named Knockoutjs context debugger (usually the first result), and click Add to Chrome.In the Search field write Knockoutjs context debugger and press the Enter key.
![google chrome script debugger google chrome script debugger](https://i.stack.imgur.com/XbuRO.png)
Scroll to end of the page and click Get more extensions link.Expand Google Chrome options drop-down (hamburger in upper right).
#GOOGLE CHROME SCRIPT DEBUGGER INSTALL#
To install the knockout debugging plugin for Google Chrome, take the following steps: To define the UI components used on a page, you can use browser built-in developer tools, or install additionally a plugin, for example Knockoutjs context debugger for Google Chrome.
#GOOGLE CHROME SCRIPT DEBUGGER HOW TO#
This article describes how to define what UI components are used on a particular page, their JavaScript components and what data they use. See Migrated topics for the complete list. This page has moved and will be redirected soon. Create and display a category attribute with UI components.About XML configuration of UI components.