This extension complements the Cisco Support Assistant Extension (CSAE) and offers purpose-built tools to aid in campaign creation.

Latest Version

Version

1.2.6

Update

June 30, 2024

Size

5.33MiB

Developer

CSAE Toolkit Extension

Experience seamless web development with the Cisco Support Assistant Extension (CSAE) Toolkit. This modern Chrome extension enhances your workflow by providing real-time CSS selector insights, intuitive hover functionality, and comprehensive support for exploring CSS properties on any web page.

## Main Features:

1. Real-Time CSS Selector Insight:
Easily install and enable the extension in your browser. With the \"Grab CSS Selector\" button, you can activate hover functionality to see CSS selectors and their values in real-time as you hover over any element on the page. Clicking an element allows you to copy its CSS selector to the clipboard, with spaces removed for convenience. To stop the hover functionality, simply press the ESC key. This feature streamlines the process of identifying and utilizing CSS selectors for efficient web development.

2. Flexible Hover and Pin Functionality:
Enhance your exploration with the ability to pin multiple hover boxes using the \"ALT + Click\" method. This feature allows you to pin hover boxes for multiple elements, making it easy to further explore and compare CSS properties. You can close each pinned hover box individually by clicking the \"x\" button or exit the functionality entirely by pressing the ESC key. The modern and appealing UI of the hover boxes, with proper formatting and spacing, ensures a seamless user experience.

3. Color Picker Tool:
Utilize the \"Color Picker\" button to activate the EyeDropper tool, allowing you to select any color from the webpage. The selected color is copied directly to your clipboard, enhancing your design process by providing precise color values quickly and efficiently.

4. Comprehensive Configuration and Storage Management:
Easily access and inspect the Cisco Support Assistant Extension’s configuration through the Chrome Developer Tools. By opening the extension, right-clicking, and selecting \"Inspect,\" you can navigate to the \"CSAE Toolkit CE Storage\" panel. Here, you will find buttons to load and retrieve the CSAE configuration, making it simple to manage and view your extension settings. Additionally, the Storage Manager feature allows you to inspect and manage Local and Session storage, view and clear storage data, and manage cookies. This ensures a comprehensive approach to managing your browser storage and cookies for enhanced privacy and security.

Unlock the full potential of web development with the CSAE Toolkit. Streamline your CSS selector exploration, enhance your productivity, and enjoy a beautifully designed interface. Install now and elevate your web development experience!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSAE Toolkit", "description": "This extension complements the Cisco Support Assistant Extension (CSAE) and offers purpose-built tools to aid in campaign creation.", "version": "1.2.6", "permissions": [ "activeTab", "scripting", "storage", "cookies", "clipboardWrite", "sidePanel" ], "host_permissions": [ "*://*/*" ], "background": { "service_worker": "background.js" }, "devtools_page": "devtools.html", "side_panel": { "default_path": "index.html" }, "action": { "default_title": "Click to open panel", "default_icon": "icon128.png" }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ], "run_at": "document_end" } ]}

Download CRX(5.33MiB)