AEM Quick Menu

Overview AEM Quick Menu is a powerful Chrome extension designed specifically for Adobe Experience Manager (AEM) developers and administrators. This extension provides instant access to all essential AEM administrative interfaces and development tools through a clean, intuitive popup menu. By automatically detecting the current host and intelligently handling content paths, it eliminates the repetitive task of manually navigating through AEM's complex URL structures. Key Features 1. Automatic Host Detection The extension automatically detects the host of your current tab, whether you're working on localhost, a development server, or production environment. This means you don't need multiple bookmarks for different environments - one extension handles all your AEM instances seamlessly. 2. Current Node Information Viewer One of the most powerful features is the ability to instantly view the JCR (Java Content Repository) node structure of the current page. With a single click on "Load Current Node Info", the extension: Fetches the complete node data using the .infinity.json endpoint Displays the JSON data in a beautiful, collapsible tree structure Color-codes different data types for easy reading Provides error handling with helpful messages Shows the exact URL being called for transparency This feature only works on content pages (URLs containing /content/) and requires appropriate permissions. The tree viewer supports: Expandable/collapsible nodes with toggle buttons Property count display for objects and arrays Syntax highlighting for strings, numbers, booleans, and null values Smooth scrolling for large data sets Clean monospace font for better readability 3. Intelligent Page Editor Navigation The Page Editor link dynamically adapts based on your current location: If you're viewing a content page, it opens that specific page in editor mode If you're already in the editor, it maintains the current editing context If you're in an admin console, it provides a default editor entry point Example: Viewing http://localhost:4502/content/site/page.html and clicking Page Editor opens http://localhost:4502/editor.html/content/site/page.html 4. Smart CRXDE Lite Integration Similar to the Page Editor, CRXDE Lite intelligently opens at your current content location: Automatically strips .html extensions Removes /editor.html prefixes if present Opens CRXDE with the current node pre-selected 5. Comprehensive Tool Access The extension provides quick access to all essential AEM tools, organized into logical categories: Author Tools Home: AEM start page and main dashboard Sites: Content site management interface Assets: Digital Asset Management (DAM) interface Page Editor: Context-aware page editing Development Tools CRXDE Lite: JCR repository browser and editor Package Manager: Create, upload, and manage content packages OSGi Console: Bundle management and system configuration Configuration Manager: OSGi configuration interface User Admin: User and group management JMX Console: Java Management Extensions for monitoring Sling Log: Log level configuration and viewing Class Loader: Class loading diagnostics Sling Settings: Core Sling framework settings Administrative Tools Dispatcher Flush: Cache invalidation interface System Reports Health Reports: System health monitoring System Info: Detailed system information and status 6. Modern, Intuitive Interface The extension features a carefully designed user interface that prioritizes usability: Clean card-based layout with distinct sections Icon-based navigation for quick visual recognition Hover effects with smooth animations Responsive design that works on all screen sizes Scrollable content with custom scrollbar styling Dark mode compatible color scheme 7. Performance Optimized Lightweight implementation with minimal resource usage Fast popup response time No background processes or persistent connections Clean event handling with proper cleanup Technical Implementation Permissions The extension requires minimal permissions: activeTab: To read the current tab's URL http://*/ and https://*/: To fetch JSON data from AEM instances Compatibility Works with all modern versions of AEM (6.x and above) Compatible with both Classic UI and Touch UI Supports custom AEM installations with non-standard ports Works across different environments (local, dev, staging, production) Security Considerations No data is stored or transmitted to external servers All operations happen locally in your browser Respects AEM's authentication - you must be logged in No credentials are stored or managed by the extension Use Cases For Developers Quickly inspect JCR node structures without leaving the page Jump directly to CRXDE at the current content location Access OSGi configurations while testing Monitor logs and adjust log levels on the fly Check class loading issues during development For Content Authors Switch between preview and edit modes seamlessly Access Sites and Assets consoles quickly Navigate to user administration for permissions For Administrators Quick access to system health reports Manage packages across environments Configure OSGi services Monitor system performance via JMX Flush dispatcher cache when needed Installation and Setup Install the extension from Chrome Web Store (or load unpacked in developer mode) Navigate to any AEM instance Click the extension icon in your browser toolbar Start using the quick menu - no configuration required! Privacy and Data Handling AEM Quick Menu respects your privacy: No analytics or tracking No external network requests No data collection or storage All functionality runs locally in your browser Open source and transparent Why AEM Quick Menu? Working with AEM often involves juggling multiple browser tabs and bookmarks for different admin interfaces. URLs can be long and complex, especially when working across multiple environments. AEM Quick Menu solves these pain points by: Reducing Navigation T…