Support Engineer for your every browser tab

Latest Version

Version
0.0.2
Update
May 11, 2024
Size
1.47MiB
Developer
devdex.ai
Category
Users
25
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
SidePanel
Storage
UnlimitedStorage
See more

DevDex Extension

Dex: Your AI-Powered Coding Assistant
Elevate your coding experience with Dex, the Chrome extension designed to enhance productivity and streamline your development workflow. This AI developer tool provides instant access to coding references and documentation within your browser on every tab, allowing you to stay focused and efficient.

How to Use Dex:
Add Dex to your Chrome browser from the Chrome Web Store.
Open any developer-related website where you need coding or documentation assistance.
Click on the Dex icon in your browser to launch the AI-assisted sidebar.
Use the conversational AI interface to request summaries, code snippets, or detailed documentation.
Dex analyzes the page content and delivers concise information and code examples directly in the sidebar.

Key Features:
Unique AI Assistant in every tab: Dex provides a dedicated AI assistant in every tab, ensuring you have coding support wherever you are on the web, enhancing multitasking and efficiency.
Intelligent Summaries: Quickly grasp complex documentation with AI-powered summaries.
Code Snippets on Demand: Receive relevant code examples for diverse programming scenarios.
Interactive AI Chat Interface: Engage with Dex's AI for tailored coding support that adapts to your queries.
Seamless Integration: Access crucial information without switching tabs, keeping your workflow uninterrupted.
Enhanced Privacy: Operates with minimal permissions to keep your browsing secure.

Use Cases:
Rapid Documentation Lookup: Use Dex to instantly access explanations and coding guidelines without leaving your IDE or development environment.
Learning and Experimentation: Leverage Dex for quick examples and summaries when exploring new programming languages or frameworks.
Debugging Assistance: Ask Dex for advice on troubleshooting and fixing common bugs related to your code.
Dex is the perfect AI developer assistant for both novice programmers and seasoned developers, ensuring that essential coding information is always just a click away. Install Dex today and transform how you interact with coding resources directly in your browser!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "icons": { "16": "images/icon.png", "48": "images/icon.png", "128": "images/icon.png" }, "manifest_version": 3, "name": "DevDex", "description": "Support Engineer for your every browser tab", "version": "0.0.2", "permissions": [ "activeTab", "sidePanel", "storage", "unlimitedStorage" ], "host_permissions": [ "https://*/*", "http://localhost:4000/*", "https://extension.devdex.ai/*" ], "background": { "service_worker": "/background.js" }, "content_scripts": [ { "matches": [ "https://*/*", "http://localhost:4000/*" ], "js": [ "/content.js" ] }, { "js": [ "/web-app-content.js" ], "matches": [ "http://localhost:4000/*", "https://extension.devdex.ai/*" ] } ], "action": { "default_title": "Click to open Dex", "default_icon": { "16": "images/icon.png", "48": "images/icon.png", "128": "images/icon.png" } }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "side_panel": { "default_path": "src/popup/index.html" }, "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "images/*" ] } ]}
Read more

How to download and manually install DevDex extension for Chrome

Looking for a way to install DevDex extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install DevDex extensions manually, this article outlines two simple methods to effortlessly install DevDex extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download DevDex extension and manually install through Drag &Drop

If you ever need to manually install a DevDex extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the DevDex Extension by clicking the "Download CRX" button on the website.

Look for the DevDex extension you wish to install. Go to the website and download the DevDex extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for DevDex extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the DevDex extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download DevDex extension for Chrome and install in Developer Mode

This is another method to install DevDex extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the DevDex extension file

Select and download the DevDex extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the DevDex extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your DevDex extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the DevDex extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install DevDex extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Elium Extension · Productivity 25 7 ★ 1.8MiB

icon

Inven Extension · Productivity 25 4 ★ 52.05MiB

icon

Chat GPT Extension · Productivity 25 2247 ★ 500KiB

icon

BERTHA AI, co-pilot for Chrome. Extension · Productivity 25 6 ★ 1.0MiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 25 114 ★ 2.89MiB

icon

Character AI Extension (Powered By Character.ai) Extension · Productivity 25 0 ★ 45.99KiB

icon

Intelligenza Artificiale Italia Extension · Productivity 25 3 ★ 589KiB

icon

Hoverify Extension · Developer Tools 25 145 ★ 14.54MiB

icon

Fluency Extension · Productivity 25 6 ★ 1.46MiB

icon

Starizon AI - AI Agent and Assistant for Efficient Browsing & Automation Extension · Productivity 25 0 ★ 2.65MiB

icon

Claude & Kimi AI Copilot Extension · Productivity 25 8 ★ 963KiB

icon

Hackertab.dev - developer news Extension · Developer Tools 25 168 ★ 525KiB

icon

Browser Copilot Extension · Productivity 25 6 ★ 3.63MiB

icon

Chrome Extension Source Viewer Extension · Developer Tools 25 3 ★ 580KiB

icon

AI Block Extension · Productivity 25 1 ★ 142KiB

icon

ChronoLens AI Extension · Productivity 25 4 ★ 129KiB

icon

Unifill AI Extension · Productivity 25 1 ★ 607KiB

icon

YourGPT AI - Build Custom AI Knowledgebase Agent Extension · Productivity 25 6 ★ 215KiB

icon

Leetcode Buddy Extension · Developer Tools 25 4 ★ 102KiB

icon

Fetch Extension · Productivity 25 0 ★ 79.81KiB

icon

Rocky AI Extension · Productivity 25 2 ★ 3.33MiB

icon

Bolt Extension · Developer Tools 25 3 ★ 1.17MiB

icon

MoliAI Extension · Productivity 25 4 ★ 7.74MiB

icon

AI form filler Extension · Productivity 25 4 ★ 216KiB