Siemens Web Framework DevTools Chrome Extension

Extends the Developer Tools for declarative ui.
What's new?

- Support for attaching breakpoints when executing lifecycle methods like initialize, mount, update and unmount

- data logging in viewmodel tracer tab whenever a component mounts/updates/unMounts

Details:

Extends the Developer Tools for declarative UI.

siemens web framework devtools is for debugging siemens web framework based applications. (Note: The extension is compatible with siemens web framework v6.0.0 onwards.)

This provides the below capabilities.

1. view logs

The following tabs help to trace the execution flow (in chronology) of key declarative events:

- ViewModel Tracer: Lists the view models loaded in an application

- Commands: Lists the commands executed.

- Events: Lists the events that occurred during the life cycle of an application.

- Conditions: Lists all conditions imposed in an application.

The tabs provide buttons to start/stop recording, clear contents, and a filter box.

See the attached screenshot of an example of the declarative tracer. In each console you can expand the event data object (e.g. eventData for an event, inputData for an action ) and inspect its value.

2. Add/Remove Breakpoints

The breakpoint tab allows developers to add/remove breakpoints for various operations, at many stages.

How to install Siemens Web Framework DevTools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Siemens Web Framework DevTools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Siemens Web Framework DevTools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Siemens Web Framework DevTools in Chrome Webstore Search and click on the search button.
• Step 3: click on the Siemens Web Framework DevTools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Siemens Web Framework DevTools extension for your Chrome Web browser .