Skip to content

Latest commit

 

History

13 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sensitive Blur Screenshot

Chrome extension that takes screenshots with sensitive information automatically blurred out.

Screenshot 2026-05-01 at 2 45 42 PM

screenshot-1771311836580

Install

  1. Clone this repo
  2. Open chrome://extensions/ in Chrome
  3. Enable Developer mode (toggle in the top right)
  4. Click Load unpacked and select the cloned folder
  5. Pin the extension to your toolbar for easy access

To update, git pull and click the refresh icon on the extension card in chrome://extensions/.

Usage

Click the extension icon to open the popup:

  • Full Page — captures the entire visible viewport
  • Select Area — lets you drag a rectangle over the page, captures just that region

Auto-detect toggles

Toggle which patterns are automatically detected and blurred:

Detector What it matches
$ Amounts Dollar values like $1,234.56
Emails Email addresses
Phones Phone numbers (international formats)
TFN Australian Tax File Numbers (9 digits)
IRD NZ IRD numbers (8-9 digits)
Names (tables) Table columns with headers like "Name", "Employee", etc.

Manual tagging

Add the CSS class sensitive to any HTML element to always blur it in screenshots, regardless of auto-detect settings.

<td class="sensitive">Jane Smith</td>

Output mode

Choose how the screenshot is delivered:

  • Copy to Clipboard (default) — copies the image directly to your clipboard, ready to paste
  • Download — saves it as a PNG file

Blur strength

Use the slider to control how strong the blur effect is (2px to 20px).

How it works

The extension temporarily modifies the DOM to blur sensitive content, takes a screenshot, then immediately restores the page to its original state. Nothing is permanently changed.

The sequence:

  1. Walks the DOM looking for elements matching the active detectors (regex patterns on text nodes, table header inference for names, and any elements with the .sensitive class)
  2. Applies a CSS filter: blur() to matched elements
  3. Captures the visible tab using Chrome's captureVisibleTab API
  4. Removes all blur filters, restoring original styles
  5. Copies the screenshot to clipboard or downloads it as a PNG, depending on the selected output mode (for area select, it crops using a canvas first)

The page is only blurred for a fraction of a second. If you cancel (Esc during area select, or close the popup), no changes persist.

No data leaves your browser. The extension has no network permissions and doesn't communicate with any external services.

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages