SharePoint Online: check out the new Developer Debug Toolbar

In my new video I introduce the new SharePoint Developer Toolbar and explain its purpose, features, and benefits for developers working within SharePoint environments. 

New developer debug toolbar

The toolbar is integrated directly into the traditional SharePoint workbench as well as other SharePoint pages, making it accessible during development and testing without requiring separate tools or environments.

The toolbar is divided into left and right sections, each offering different functionalities. On the left side, the “Show info” option provides a quick summary of the current debug mode and displays the location of the active manifest file. This helps developers verify that they are working with the correct configuration. The “Hide bar” option allows the toolbar to be temporarily removed from view, offering flexibility when developers want a cleaner page layout. The “Show developer dashboard” button opens a more detailed diagnostic interface.

The developer dashboard contains three main tabs. The first tab, “Trace,” displays a categorized log of all activities occurring on the page, including errors, warnings, and verbose messages. It also shows the source of each activity and allows developers to export the trace data to a CSV file for further analysis or sharing. The second tab, “Performance,” provides insights into the page lifecycle and measures how long each rendering step takes, helping identify performance bottlenecks. The third tab lists all manifests associated with the page and allows developers to inspect detailed information about each one.

On the right side of the toolbar, there are links to GitHub for logging bugs and to the official Microsoft help page for documentation and support. Additionally, a “Stop” button enables developers to restart the debug session, which can clear cached data and refresh the development environment.

When a page is switched into edit mode, the toolbar offers an additional feature: developers can select a web part and view detailed information about its data and associated manifest. This enhances troubleshooting and component-level inspection.

Overall, the SharePoint Developer Toolbar provides a centralized, integrated set of debugging, performance analysis, and support tools that streamline development workflows and improve efficiency.

Thats all - I can just say: happy coding