AEM Chrome Plug-in

Devtools panel for AEM development. Includes in-browser Log Tracer and Adaptive Forms development tooling

What is AEM Chrome Plug-in?

AEM Chrome Plug-in is a Chrome extension developed by https://adobe-consulting-services.github.io, and its main feature is "Devtools panel for AEM development. Includes in-browser Log Tracer and Adaptive Forms development tooling".

Extension Screenshots

screenshot
screenshot
screenshot

Download AEM Chrome Plug-in Extension CRX File

Download AEM Chrome Plug-in extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        AEM Chrome Plug-in is comprised of 2 main modules:

1) Log Tracer surfaces per-request server side data quickly and conveniently into your Chrome dev tools panel. AEM Chrome Plug-in leverages Apache Sling Log Tracer to collect:

a) Logs (customizable packages / log levels)
b) Request Progress
c) Queries

2)  Adaptive Forms: a robust suite of AEM Adaptive Form developer tools!

-----

To use AEM Chrome Plug-in - Log Tracer you must be  be using AEM 6.1+ and Apache Sling Log Tracer 1.0.0+. Note this is a development tool and also requires credentials that can access AEM's Felix/Web Console.

To use AEM Chrome Plug-in - Adaptive Forms your AEM 6.2+ instance must be running with the AEM Forms Feature Pack.

--- 

v0.2.0: Added AEM Adaptive Forms support
v0.2.1: Added Log Tracer file download support
v0.2.2: Bug-fix for auto-detection of active tab host/port
v0.2.3: Adaptive form bug fixes
v0.2.4: Adaptive form Logging tab labels (XGA > Model)
v0.2.5: Options screen OSGi status detection bug
v0.2.6: Fixes issue w/ Log Tracer host removal filter did not stripping IPs properly
v0.3.0: Tracer plugin supports LoggerNames 
v0.3.1: Tracer plugin LoggerNames would not be requested if no Tracer Sets were specified
v0.4.0: Tracer plugin supports show/hide of caller for log messages
v0.5.0: UX improvements; Simplification of Options, removal of tracer set IDs, resizing of requests/details
v.0.6.0: Tracer plugin supports decoupling the browser tab host from the host(s) that supply Sling Log Tracer data.
v0.6.1: Tracer plugin, failure detection support dropped to 2s, and better instructions are added to Logger Names tab.
v0.6.2: Tracer plugin, corrected abusive Sling Log Tracer availability check
v0.6.2: Tracer plugin, Better handling of tab binding 
v0.6.4: Tracer plugin, Binding AEM devtools to the Chrome tab that opened it
v0.6.5: Tracer plugin, Hide passwords in Options, Better support for collecting tracer data across hosts
v0.6.6: Tracer plugin; Tab text cut off in new versions of Chrome
v0.7.0: Tracer plugin; 1-click enablement of Sling Log Tracer Servlet and shows # Queries in the requests list
v0.7.1; Tracer plugin; Fixed issue w/ 1-click setup on Chrome 72+; Form plugin: Fix issue where toolbar doesn't show up in component hierarchy
v0.7.2: Fixed extension background when Chrome is in darkmode theme                    

Extension Basic Information

Name AEM Chrome Plug-in AEM Chrome Plug-in
ID ejdcnikffjleeffpigekhccpepplaode
Official URL https://chromewebstore.google.com/detail/aem-chrome-plug-in/ejdcnikffjleeffpigekhccpepplaode
Description Devtools panel for AEM development. Includes in-browser Log Tracer and Adaptive Forms development tooling
File Size 222 KB
Installation Count 3,545
Current Version 0.8.0
Last Updated 2021-06-22
Publish Date 2019-10-10
Rating 4.65/5 Total 17 Ratings
Developer https://adobe-consulting-services.github.io
Email [email protected]
Payment Type free
Extension Website https://adobe-consulting-services.github.io/acs-aem-tools/aem-chrome-plugin
Help Page URL https://github.com/Adobe-Consulting-Services/aem-chrome-plugin/issues
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "AEM Chrome Plug-in",
    "version": "0.8.0",
    "manifest_version": 2,
    "description": "Devtools panel for AEM development. Includes in-browser Log Tracer and Adaptive Forms development tooling",
    "devtools_page": "devtools.html",
    "options_page": "options.html",
    "background": {
        "scripts": [
            "vendor\/assets\/javascripts\/jquery-2.2.0.min.js",
            "assets\/javascripts\/background\/background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*\/*",
                "*:\/\/*\/*"
            ],
            "js": [
                "aem-chrome-plugin--adaptive-form--content-script.js"
            ],
            "run_at": "document_start"
        }
    ],
    "web_accessible_resources": [
        "aem-chrome-plugin--adaptive-form--custom-script.js"
    ],
    "permissions": [
        "tabs",
        "webRequest",
        "webRequestBlocking",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "icons": {
        "16": "assets\/images\/aem-chrome-plugin_logo_16x16.png",
        "48": "assets\/images\/aem-chrome-plugin_logo_48x48.png",
        "128": "assets\/images\/aem-chrome-plugin_logo_128x128.png"
    }
}