1. Introducing SPEAK

Using sc_debug

Version:

You can use the Sitecore browser-based debugger to get information about the SPEAK client-side JavaScript. You may want to use this to troubleshoot problems and to find bugs.

To do this:

  • Open the JavaScript console of your browser (often F12)
  • Append sc_debug=1 to the URL of your SPEAK application.

For example:

DB47D66EE2C7487AB9284E5BC5DF77B1.png

This enables you to examine the SPEAK JavaScript model interactively. The SPEAK controls are under Sitecore.Speak.app:

FA418DB1BE86402183DFD9FCED906115.png

You can see a list of all the SPEAK controls (for example, CancelButton, and so on):

DF0EED2457E7416D87C0202C3F047AEC.png

You can change the properties or attributes of a control interactively. Here, the "Select a topic" text comes from the text property of a SPEAK control called HeaderTitle:

720E442595AE4C7B83EC558B6EC6C6DD.png

You can simply enter JavaScript to change the value of this property:

4C14CA1D316D481796704E19B264E674.png

The SPEAK component changes immediately:

F08E0F5DA04D42B7AB7D994515F249FD.png
If you have suggestions for improving this article, let us know!