--- title: "Console Tools Bookmarklets" slug: "console-tools-bookmarklets" updated: 2026-08-31T15:56:03Z published: 2026-08-31T15:56:03Z canonical: "docs.unqork.io/console-tools-bookmarklets" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.unqork.io/llms.txt > Use this file to discover all available pages before exploring further. # Console Tools Bookmarklets 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](https://docs.unqork.io/unqorkai/docs/console-tools). ## Adding a Bookmarklet To add a bookmarklet to your browser: 1. 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**. 2. Right-click the bookmarks bar and select **Add Page** (Chrome) or **Add Bookmark** (Firefox). 3. In the **Name** field, enter a name for the command (for example, `EXTENSION - getRuntimeData`). 4. In the **URL** field, paste the bookmarklet code from the tables below. 5. 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 `undefined` or 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. | JavaScript is an object-oriented computer programming language. It is most-commonly used for interactive effects in the browser. Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View. A URL (uniform resource locator) is a unique identifier used to locate a resource on the internet. Also known as a web address. The Unqork front-end application framework that delivers Creator-built applications to end-users. Express is the layer end-users interact with—the published forms, screens, and navigation built in the Module Builder. Express is distinct from Express View, which is a Creator-facing preview tool in the IDE. A Property ID is the unique field ID used by Unqork to track and link components in your module. The Centauri (v 1.0.0) runtime is the first-generation foundation of the Unqork Designer Platform. Centauri provides Creators a codeless experience for developing applications. AngularJS is a JavaScript framework added to an HTML page with a