Page Highlighter Extension

A Chrome extension that allows you to highlight specific text on any webpage with customizable colors.

Features

• Highlight any text on web pages in real-time
• Choose custom highlight colors using a color picker
• Shows the number of occurrences of the highlighted text
• Works on all websites including Google search results and Wikipedia
• Easy to use interface with a popup window
• Clear all highlights with a single click

Installation

1. Clone this repository
2. Open Chrome and go to chrome://extensions/
3. Enable "Developer mode" in the top right
4. Click "Load unpacked" and select the extension directory

Usage

1. Click the extension icon in the Chrome toolbar
2. Enter the text you want to highlight in the textarea
3. Choose a highlight color using the color picker (default is yellow)
4. Click "Highlight" or press Enter to highlight all occurrences
5. The "Occurrences" counter will show how many times the text appears
6. Click "Clear Highlights" to remove all highlights

Technical Details

• Built with Chrome Extension Manifest V3
• Uses content scripts for page manipulation
• Implements real-time highlighting with text node traversal
• Maintains proper DOM manipulation to avoid conflicts

Permissions

The extension requires the following permissions:

• activeTab: To interact with the current tab
• scripting: To inject and execute content scripts
• storage: To store user preferences
• <all_urls>: To work on all websites

Contributing

Feel free to submit issues and enhancement requests!

License

This extension is open source and available under the MIT License.

Support

If you have any questions or need help, please open an issue in the repository.