Sugar Engineering is proud to announce the Beta release of the open source Sidecar Debugger Tools project!
Sidecar Debugger Tools
This project was developed as part of the recent Partner hack week where it was a crowd favorite. Not only is this a great developer tool for debugging and building Sugar Sidecar components, it is also useful as a learning tool for understanding the components on each page and how views, fields, and layouts work together.
It is a Chrome Developer Tools extension that adds a SugarDebug tab into your Developer Tools panel. And it’s loaded with features that will help you build Sidecar components faster and make debugging issues easier!
It’s easy to install! Just follow the steps on the project README.
A timeline of what is happening in the app. It shows the methods that are called and the events that are triggered. For each of them, you have access to the passed arguments and the component object. This is great for debugging interactions between Sidecar components.
A hierarchical tree representing the Sugar components of the current page. A great way to get a visual summary of the relationships between different Sidecar Layouts, Views, and Fields.
Allows you to measure the render duration of the different fields. Render performance is key to a snappy Sugar user interface.
An easy way to generate records in your Sugar instance for testing purposes. Super convenient when working with a fresh Sugar database.
You don’t need to be restricted to working with the SugarDebug tab open when you enable the developer tooltips. Access to loads of detailed field information is always at your fingertips!
Seeking More Collaborators
Fork this project today!