Browser bookmarklets are bookmarks that store and run small JavaScript snippets instead of loading a web page. Clicking a bookmarklet while in Express View runs the associated Console Tool command automatically, without typing it in the developer console.
For a full description of each command, see Console Tools.
Adding a Bookmarklet
To add a bookmarklet to your browser:
- Make the bookmarks bar visible. In Chrome, press Control + Shift + B (Windows/Linux) or Command + Shift + B (Mac). In Firefox, right-click the toolbar and select Bookmarks Toolbar.
- Right-click the bookmarks bar and select Add Page (Chrome) or Add Bookmark (Firefox).
- In the Name field, enter a name for the command (for example,
EXTENSION - getRuntimeData). - In the URL field, paste the bookmarklet code from the tables below.
- Select Save.
To use a bookmarklet, open Express View or a custom extension in the Module Builder, then click the bookmarklet in the bookmarks bar. Commands that require a Property ID or label open a prompt for entering a value before running.
Angular Bookmarklets
Use these bookmarklets when working with legacy Centauri (Angular) modules in Express View.
| Command | bookmarklet Code |
|---|---|
| submission | javascript:(function(){console.log("Running Angular Command:");console.log(angular.element('.unqorkio-form').scope().submission);})() |
| scope | javascript:(function(){console.log("Angular Scope:");console.log(angular.element('.unqorkio-form').scope());})() |
These bookmarklets only work on pages running legacy Centauri modules. Running them in a Vega module will return
undefinedor an error.
EXTENSION Bookmarklets
Use these bookmarklets when a custom extension is open in the Module Builder. These commands operate inside the extension modal.
| Command | Bookmarklet Code |
|---|---|
| ComponentState | javascript:(function(){console.log('Component State:',EXTENSION.tools.ComponentState);})(); |
| getRuntimeData | javascript:(function(){console.log('Runtime Data:',EXTENSION.tools.getRuntimeData());})(); |
| getSubmissionData | javascript:(function(){console.log('Submission Data:',EXTENSION.tools.getSubmissionData());})(); |
| getComponentValue | javascript:(function(){var k=prompt('Enter Property ID:');if(k)console.log('Component Value:',EXTENSION.tools.getComponentValue(k));})(); |
| getComponentState | javascript:(function(){var k=prompt('Enter Property ID:');if(k)console.log('Component State:',EXTENSION.tools.getComponentState(k));})(); |
| getAllValidationErrors | javascript:(function(){console.log('Validation Errors:',EXTENSION.tools.getAllValidationErrors());})(); |
| getLastSavedSubmission | javascript:(function(){console.log('Last Saved Submission:',EXTENSION.tools.getLastSavedSubmission());})(); |
| getCurrentUser | javascript:(function(){console.log('Current User:',EXTENSION.tools.getCurrentUser());})(); |
| logChangesByKey$ | javascript:(function(){var k=prompt('Enter Property ID to monitor:');if(k)EXTENSION.tools.logChangesByKey$(k);})(); |
| logObjectByKey$ | javascript:(function(){var k=prompt('Enter Property ID to monitor:');if(k)EXTENSION.tools.logObjectByKey$(k);})(); |
| watchDomChanges$ | javascript:(function(){EXTENSION.tools.watchDomChanges$();})(); |
| profile | javascript:(function(){var l=prompt('Enter profiling label:');if(l)EXTENSION.tools.profile(l);})(); |
| profileEnd | javascript:(function(){var l=prompt('Enter profiling label (must match profile):');if(l)EXTENSION.tools.profileEnd(l);})(); |
| updateComponentState | javascript:(function(){var id=prompt('Enter Property ID:');var cfg=prompt('Enter config as JSON (e.g. {"hidden":true}):');if(id&&cfg){try{EXTENSION.tools.updateComponentState(id,JSON.parse(cfg));}catch(e){alert('Invalid JSON: '+e);}}})(); |
| getComponentTree | javascript:(function(){console.log('Component Tree:',EXTENSION.tools.getComponentTree());})(); |
Changelog
| Date | Change |
|---|---|
| 2026-08-28 | Removed deprecated UNQENG bookmarklets section (EN-8063). |
| 2026-05-11 | Initial publication. Added Centauri (Angular) Bookmarklets section. |