Colors Google search results with specific color.

Latest Version

Version
1.0.1
Update
July 7, 2024
Size
17.98KiB
Developer
Category
Users
15
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Google Search Highlighter Extension

The \"Highlight Specific Google Search Results\" Chrome extension enhances your browsing experience by allowing you to easily identify search results from specified domains on Google. This extension is designed for users who frequently search for content from specific websites and want to quickly locate results from those sites.

Features:
1. Customizable Domain Highlighting:
- Users can add multiple domains they want to highlight.
- For each domain, users can select a specific background color to differentiate it from other results.
- Available colors: Light Green, Light Pink, Light Yellow, and Light Blue.

2. User-Friendly Interface:
- The extension provides a simple popup interface where users can manage their list of domains.
- Adding and removing domains is straightforward, and each domain entry is paired with a dropdown for color selection.

3. Real-Time Highlighting:
- Once configured, the extension automatically highlights Google search results from the specified domains.
- Results from the specified domains are highlighted in the chosen color, making them stand out on the search results page.

4. Visual Indication of Result Position:
- The extension also provides a visual indication of the position of each highlighted result in the search list.
- This feature helps users quickly see the rank of their preferred results.

How It Works:
1. Setup Domains and Colors:
- Open the extension popup by clicking the extension icon next to the address bar.
- In the popup, you can enter the domains you wish to highlight and select a color for each domain from the dropdown menu.
- Click the \"Add Domain\" button to add more domains.
- Once you have added all the desired domains, click the \"Save Domains\" button to store your preferences.

2. Highlighting in Action:
- Perform a Google search as usual.
- The extension will scan the search results and apply the specified background colors to results from the listed domains.
- Each highlighted result will display a message indicating its position in the search results list.

Technical Details:
- The extension uses Chrome's `storage.sync` API to save and retrieve user preferences, ensuring that settings are consistent across devices where the user is logged into Chrome.
- It utilizes DOM manipulation to apply styles to specific elements on the Google search results page.
- The extension listens for changes in the DOM to ensure that new search results are highlighted as they load.

Use Cases:
- Content Creators: Quickly identify search results from their own websites to monitor SEO performance.
- Researchers: Highlight results from trusted sources to streamline the research process.
- Online Shoppers: Easily locate preferred stores or brands in search results.

By using the \"Highlight Specific Google Search Results\" extension, you can save time and enhance your browsing efficiency by focusing on the search results that matter most to you.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Google Search Highlighter", "version": "1.0.1", "description": "Colors Google search results with specific color.", "author": "Thomas B\u00f8ge", "permissions": ["storage"], "content_scripts": [ { "matches": ["*://www.google.com/*"], "js": ["content.js"] } ], "action": { "default_popup": "popup.html","default_title": "Google Search Highlighter", "default_icon": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }}
Read more

How to download and manually install Google Search Highlighter extension for Chrome

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

Method 1: Download Google Search Highlighter extension and manually install through Drag &Drop

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

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

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

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

Similar Extensions

icon

Eye Dropper Extension · Developer Tools 15 3008 ★ 112KiB

icon

The search engine to improve your productivity - GoSearch Extension · Productivity 15 9 ★ 672KiB

icon

Calendar Color Extension · Productivity 15 3 ★ 263KiB

icon

Color Finder Extension · Developer Tools 15 27 ★ 335KiB

icon

Google Search Keyboard Shortcuts Extension · Productivity 15 155 ★ 34.23KiB

icon

Google Search Location Changer Extension · Productivity 15 17 ★ 45.45KiB

icon

Overload Search - Advanced Google Search Extension · Productivity 15 13 ★ 105KiB

icon

Google Search Ad Remover And Customizer Extension · Productivity 15 39 ★ 22.51KiB

icon

Search Anything Extension · Productivity 15 1 ★ 42.23KiB

icon

Mark My Search Extension · Productivity 15 14 ★ 127KiB

icon

linkding injector Extension · Productivity 15 4 ★ 163KiB

icon

Google Trends Everywhere Extension · Productivity 15 1 ★ 16.51KiB

icon

All in one web searcher Extension · Productivity 15 82 ★ 63.63KiB

icon

Custom Colors Extension · Fun 15 9 ★ 315KiB

icon

uBlacklist Extension · Productivity 15 757 ★ 1.21MiB

icon

Search Tool Extension · Productivity 15 17 ★ 370KiB

icon

Search Engine Switcher: Google, Perplexity & Brave Extension · Productivity 15 4 ★ 20.24KiB

icon

More Colors for Calendar! Extension · Productivity 15 246 ★ 37.97KiB

icon

Search Engine Website Excluder Extension · Productivity 15 5 ★ 88.64KiB

icon

Tab Organizer: Productivity Tool Extension · Productivity 15 21 ★ 252KiB

icon

SERP Counter - SEO Free SERP Checker Tool & Domain Highlighter Extension · Productivity 15 4 ★ 383KiB

icon

SERP Rank Annotator Extension · Developer Tools 15 4 ★ 36.69KiB

icon

Intelligent Search Extension · Productivity 15 3 ★ 1.8MiB

icon

YETI: Remove Google™ Search AI Extension · Productivity 15 3 ★ 2.02MiB