Brightspot CMS Developer Guide

Contextual debugging

The Contextual Debugging Tool gives you an instant view of webpage metrics and files being rendered. Activate the Dari Contextual Debugger by adding ?_debug=true or &_debug=true (depending on the query string) to a page URL. The Contextual Debugger provides a view of the load time, in milliseconds, for each module (JSP) on the page. Scaled color hotspots provide a clear illustration of the slowest loading modules on the page. The larger and darker red the circle, the slower the load time. In the example below, the 90 millisecond load time is the slowest on the page.

Getting context

Hover over a hotspot on the page to see specific data for that module in the top right of the page. Click on a hotspot to learn more about the event.

Dari tools.png
Hotspots on a web page

Overview of page

At the bottom of the browser window is an ordered waterfall view of all items loaded on the page. There is a color-coded overview of the includes and events.

Items loaded on a page.png
Items loaded on a page

Finding code

Clicking on a specific hotspot sends you to the full waterfall view of the page load at the bottom of the browser window. The selected hotspot will be found automatically. For example, clicking on the “90 milliseconds” hotspot brings you to the page_js_start.jsp.

Waterfall view of a web page.png
Waterfall view of a web page

View code

Hover over an area of the page to show the JSP file being rendered. The path to the file is in the upper right so you can find code visually without searching through your project.

Dari Code Editor.png
Dari Code Editor

Previous Topic
Debugging with Dari
Next Topic
URL query parameters
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Landing pages
Everything you need to manage and administer content within Brightspot CMS, including plug-and-play integrations.

Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform, including integrations requiring developer support to use.

Field types
Content modeling
Rich-text elements