Description

Latest Version

Version
1.18.6
Update
February 21, 2024
Size
234KiB
Developer
Category
Users
301
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Tabs
See more

Overlay Extension

Provides an overlay with insights to developers. This extension gather data from sources regarding open source packages

This Chrome extension provides developers with a useful overlay that displays useful insights related to open source packages. It gathers data from various sources, including Snyk Advisor, Debricked, Openbase, Socket.dev, and Deps.dev, allowing developers to gain a better understanding of the dependencies they are using, and making it easier to find and use the right packages for their projects.

With this extension, developers can quickly identify potential issues, get up-to-date information on packages, and ensure they are using the most reliable and secure packages available. It is designed to make it easier than ever for developers to stay informed about the packages they are using, and help them make the best decisions for their projects. With the insights and data provided by this extension, developers can stay ahead of the curve and ensure the success of their projects.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Overlay", "version": "1.18.6", "description": "description", "host_permissions": ["https://deps.dev/*", "https://debricked.com/*", "https://socket.dev/*", "https://snyk.io/*"], "icons": { "48": "icons/icon_48.png" }, "content_scripts": [ { "matches": ["*://stackoverflow.com/*"], "js": ["content.stackoverflow.js"] }, { "matches": ["*://www.npmjs.com/*"], "js": ["content.npmjs.js"] }, { "matches": ["*://pypi.org/project/*"], "js": ["content.pypi.js"] } ], "background": { "service_worker": "background.js" }, "action": { "default_icon": "icons/icon_48.png", "default_title": "Overlay", "default_popup": "popup/index.html" }, "web_accessible_resources": [ { "resources": ["custom-elements.js", "custom-elements.css"], "matches": [""] } ], "externally_connectable": { "matches": ["*://stackoverflow.com/*"] }, "permissions": ["storage", "tabs"], "manifest_version": 3}
Read more

How to download and manually install Overlay extension for Chrome

Looking for a way to install Overlay 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 Overlay extensions manually, this article outlines two simple methods to effortlessly install Overlay extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

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

If you ever need to manually install a Overlay 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 Overlay Extension by clicking the "Download CRX" button on the website.

Look for the Overlay extension you wish to install. Go to the website and download the Overlay extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Overlay 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 Overlay 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 Overlay extension for Chrome and install in Developer Mode

This is another method to install Overlay 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 Overlay extension file

Select and download the Overlay 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 Overlay 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 Overlay 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 Overlay 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 Overlay extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Piko - Autofill job applications Extension · Productivity 301 8 ★ 273KiB

icon

npmhub Extension · Developer Tools 301 19 ★ 77.19KiB

icon

Where is it? Extension · Developer Tools 301 3 ★ 653KiB

icon

Cookie Popup Blocker Extension · Productivity 301 3 ★ 437KiB

icon

Upvote First for StackOverflow Extension · Developer Tools 301 5 ★ 112KiB

icon

Add Exp - for Linkedin Extension · Productivity 301 9 ★ 29.32KiB

icon

Socket Security Extension · Developer Tools 301 6 ★ 1.48MiB

icon

RE:DOM dev tools Extension · Developer Tools 301 1 ★ 207KiB

icon

Insights by xs:code Extension · Developer Tools 301 7 ★ 9.74MiB

icon

GitHub: Better Line Counts Extension · Productivity 301 4 ★ 123KiB

icon

Easy Apply Extension · Social & Communication 301 1 ★ 181KiB

icon

Gitter Helper for GitHub Extension · Developer Tools 301 0 ★ 7.32KiB

icon

github npm stats Extension · Developer Tools 301 4 ★ 65.86KiB

icon

ChromeOverlay Extension · Fun 301 6 ★ 17.09KiB

icon

FavBox Extension · Productivity 301 12 ★ 265KiB

icon

LUZit - Click your text to the calendar Extension · Productivity 301 16 ★ 3.08MiB

icon

Boxcutter Extension · Developer Tools 301 1 ★ 44.97KiB

icon

C-Strip Extension · Developer Tools 301 2 ★ 8.62KiB

icon

Github Issue Reactions Extension · Developer Tools 301 8 ★ 75.1KiB

icon

Simple.ink | Notion Website Builder Extension · Productivity 301 3 ★ 16.77KiB

icon

Ride With Jira Extension · Productivity 301 12 ★ 549KiB

icon

Automize - Testing/Scraping Tool Extension · Developer Tools 301 7 ★ 3.36MiB

icon

webhint Extension · Developer Tools 301 7 ★ 754KiB

icon

Automatic Tagging for Google Calendar™ ?✨ Extension · Productivity 301 7 ★ 64.63KiB

User reviews

icon

Tam Ben (ID: 000000ed4ec546e6) Voted 5 ★ - Updated 06/01/2023 good work and open source