Skip to content

A lightweight Chrome extension that allows users to select any area on a webpage, capture it as a screenshot, and extract text using Tesseract OCR — all directly in the browser.

Notifications You must be signed in to change notification settings

UtkarshRana22/Screen-OCR

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screen Text Capture Chrome Extension

A lightweight Chrome extension to capture any area of a webpage and extract text using Tesseract OCR.

Demo GIF


Features

  • Area Selection: Draw a resizable selection box anywhere on the webpage.
  • Screenshot Capture: Capture only the selected portion of the page.
  • Text Recognition: Extract text from the selected screenshot using Tesseract.js.
  • On-Demand Activation: Activate only when the extension icon is clicked.
  • Device Independent: Supports high-DPI screens by considering device pixel ratio.

Installation

  1. Clone or download this repository.
  2. Open Chrome and go to chrome://extensions/.
  3. Enable Developer mode.
  4. Click Load unpacked and select the project folder.

Usage

  1. Click the extension icon in the Chrome toolbar.
  2. Draw a selection box on the page.
  3. Wait a few seconds for OCR to process the selection.
  4. Check the recognized text in the browser console.

Tech Stack

  • Chrome Extension Manifest V3
  • Tesseract.js for OCR
  • JavaScript & HTML5 Canvas

Notes

  • OCR runs directly in the content script without using web workers to ensure compatibility in Chrome extensions.
  • tesseract.min.js must be included in the extension folder.

License

MIT License

About

A lightweight Chrome extension that allows users to select any area on a webpage, capture it as a screenshot, and extract text using Tesseract OCR — all directly in the browser.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published