Colors Google search results with specific color.

Latest Version

Version

1.0.1

Update

July 7, 2024

Size

17.98KiB

Developer

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.

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",\t"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" }}

Download CRX(17.98KiB)