AppSuite:Debugging the UI

Revision as of 12:16, 5 December 2013 by Tierlieb (talk | contribs)
Debugging the UI

Synopsis: A collection of hints to debug during UI development. See also AppSuite:UI FAQ.

What capabilities are available?


Which files failed to load?


What portal widgets are available?

require(['io.ox/portal/widgets'], function (widgets) {

Check settings

// check core settings
// check mail settings

Clear all persistent caches

Please mind that this does not clear the regular browser cache! It clears localStorage, IndexedDB, and WebSQL.


Debug relogin


Enable/disable capability via URL hash

Just add the parameter "cap" to URL hash. A leading minus disables a capability. Multiple capabilities separated by comma. Example:


Changes do not apply while developing

You did changes in your code and they don't simply don't apply? There are several possibilites, you should check in order to find a solution.

  • Reload AppSuite with cleared Browser Cache. Using Firefox on Linux-Distributions you can simply press Ctrl+F5. Please check the documentation of your Browser for Shortcuts and how to clear the cache.
  • Disable Source Caching. Therefor add the parameter "debug-js=true" to URL hash. Example:

Debug a specific folder

If you want to get details of a specific folder, just inspect it via dev tools and look for data-obj-id="...". Copy the id and run the following in console:

void require('io.ox/core/api/folder').get({ folder: 'default0/INBOX' }).always(_.inspect);