DEV Community

Cover image for 👁️ Obscurify: Reveal What’s Meant to Be Hidden
Muhammet Ali AKBAK
Muhammet Ali AKBAK

Posted on • Originally published at muhammetakbak.wordpress.com

👁️ Obscurify: Reveal What’s Meant to Be Hidden

What if a page isn’t showing you something — but it’s still there?

Obscurify is a browser-based analysis tool that reveals hidden content in web pages.
It detects DOM elements that are technically present, but invisible due to CSS tricks like:

Transparent fonts
Off-screen positioning
Font-size: 0
Hidden overflow or opacity hacks
Keyword stuffing / cloaked SEO

🎯 What Is It?

Obscurify inspects the structure and styling of any webpage to uncover hidden elements that may be used for manipulation, SEO cheating, or cloaked content strategies.
The tool flags and visually highlights such elements for further inspection.

🧰 Technologies Used:

  • Playwright + JavaScript — For live browser page parsing
  • DOM/CSS Analysis — Position, size, visibility, opacity checks
  • Flask Interface — For uploading URLs or HTML
  • Element Highlighter — To render invisible elements in context

🧠 What You’ll Learn:

How invisible content is implemented on web pages
DOM and CSS inspection at scale
Detecting manipulation tactics using automation
Real-world use of browser scripting to expose content abuse

🔧 Why I Built It:

The web is full of tricks.
Some sites bury keywords to fool search engines. Others hide pricing, terms, or links from the user.
Obscurify is designed to bring all of that into the light — making the invisible, visible.

📦 GitHub Repo:
🔗 github.com/akbak/Obscurify

by Muhammet Ali AKBAK

Top comments (0)