AppSuite:Debugging the UI: Difference between revisions
From Open-Xchange
Daniel.rentz (talk | contribs) No edit summary |
No edit summary |
||
Line 36: | Line 36: | ||
<pre language="none"> | <pre language="none"> | ||
...&debug-js=true | ...&debug-js=true | ||
</pre> | |||
== 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: | |||
<pre class="language-javascript"> | |||
void require('io.ox/core/api/folder').get({ folder: 'default0/INBOX' }).always(_.inspect); | |||
</pre> | </pre> | ||
Revision as of 13:38, 29 August 2013
Debugging the UI
Synopsis: A collection of hints to debug during UI development
What capabilities are available?
_(ox.serverConfig.capabilities).pluck("id").sort();
Check settings
// check core settings require('settings!io.ox/core').get(); // check mail settings require('settings!io.ox/mail').get();
Clear all persistent caches
Please mind that this does not clear the regular browser cache! It clears localStorage, IndexedDB, and WebSQL.
ox.cache.clear();
Debug relogin
ox.autoLogoutRestartDebug();
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:
...&cap=emoji,-calendar
Disable source caching via URL hash
Add the parameter "debug-js=true" to URL hash. Example:
...&debug-js=true
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);