Explore the features of SharePoint’s Developer Dashboard

Introduction

Do you know that SharePoint offers the ability to open a panel dedicated to developers? This panel is called developer dashboard.

Let’s have a look at it!

How to open it

The developer dashboard is a useful panel that offers developers useful capabilities about SharePoint Framework solutions.

In order to open the developer dashboard you just need to press Ctrl + F12 , this will open the panel. For example, in a workbench instance, the result can be the following:

Anatomy of the dashboard

Let’s have a closer look at how the dashboard is composed.

In this panel you have multiple tabs available:

• The first panel, titled Trace , contains all the logging informations.
• The Performance tab shows various information regarding timing and execution.
• The Manifests tab shows all the manifests available.

Trace tab

This tab contains all the logging information available in the current page, it also offers the ability to export those as a CSV file.

The logging information is displayed in a table with the following columns:

• Timestamp
• Level
• Scope
• Source
• Message

The table also offers the ability to filter the following columns:

• Level
• Scope
• Source

For example, clicking on the Level column, it’s possible to select the values to be filtered:

Performance tab

This tab shows various information, just a few among all:

• The version of the client
• The status of the CDN
• The page rendering time splitted into different sections

Here is a screenshot of the panel for reference:

Manifests tab

This tab offers the ability to view all the available manifests on the current page.

On the left side there’s a list of all the loaded manifests and, once clicked on the desired manifest, in the right panel the content of the resource is shown.

Conclusions

The developer dashboard is an extremely useful resource offered out-of-the-box from SharePoint Online that can ease the life of developers.

Hope this helps!