Dark Radar โ Detect Dark Patterns & Deceptive Link ์ ์์: Dakidarts
Detect manipulative UI dark patterns and reveal masked links in real-time. Protect yourself from scams, fake urgency, and hidden tracking.
ํ์ฅ ๋ฉํ ๋ฐ์ดํฐ
์คํฌ๋ฆฐ์ท
์ ๋ณด
Dark Radar is your personal shield against deceptive web design practices. This extension automatically scans web pages to identify and highlight manipulative UI patterns (dark patterns) that trick users into unwanted actions, while also analyzing links for tracking parameters, affiliate tags, and masked destinations.
๐ฏ Key Features
Real-Time Dark Pattern Detection:
- Fake Countdowns - Identifies artificial time pressure created by resetting timers
- Forced Urgency - Detects manipulative language designed to rush decisions
- Hidden Unsubscribe - Finds opt-out options intentionally made difficult to see
- Misleading Buttons - Catches button actions that don't match their labels
- Pre-selected Options - Highlights options pre-checked to benefit the service
- Hidden Costs - Reveals additional fees buried in small print
Advanced Link Analysis:
- Hover over any link to see detailed analysis with risk scoring (0-100)
- Detects URL shorteners and masked destinations
- Identifies tracking parameters (utm_, fbclid, gclid, etc.)
- Reveals affiliate tags and monetization schemes
- Shows redirect chain warnings for shortened URLs
- Toggle on/off in settings for customized experience
Comprehensive Monitoring:
- Popup Dashboard - Quick overview of current page detections
- Sidebar Panel - Detailed analysis with three tabs (Current Page, History, Statistics)
- Auto-Refresh - Automatically scans when switching tabs or clicking refresh
- Detection History - Track suspicious patterns across all visited sites
- Global Statistics - View total detections, links analyzed, and top offending domains
Privacy-Focused:
- All scanning happens locally in your browser
- No data sent to external servers
- No tracking or analytics
- Open source on GitHub
๐ ๏ธ How It Works
โ๏ธ Customization Options
Access settings via the toolbar icon or sidebar:
- Enable/disable real-time protection
- Toggle visual badges on detected patterns
- Control browser notifications
- Adjust scan interval (1-60 seconds)
- Enable/disable individual pattern types
- Toggle link hover analysis on/off
- Clear detection history and statistics
๐ Permissions Explained
๐ What You'll See
๐ Open Source
Dark Radar is fully open source and available on GitHub: https://github.com/dakidarts/dark-radar
Report issues, contribute code, or suggest features!
๐ก Use Cases
๐จ Beautiful Design
Dark-themed interface with smooth animations, intuitive controls, and responsive layout that works seamlessly with Firefox.
๐ฏ Key Features
Real-Time Dark Pattern Detection:
- Fake Countdowns - Identifies artificial time pressure created by resetting timers
- Forced Urgency - Detects manipulative language designed to rush decisions
- Hidden Unsubscribe - Finds opt-out options intentionally made difficult to see
- Misleading Buttons - Catches button actions that don't match their labels
- Pre-selected Options - Highlights options pre-checked to benefit the service
- Hidden Costs - Reveals additional fees buried in small print
Advanced Link Analysis:
- Hover over any link to see detailed analysis with risk scoring (0-100)
- Detects URL shorteners and masked destinations
- Identifies tracking parameters (utm_, fbclid, gclid, etc.)
- Reveals affiliate tags and monetization schemes
- Shows redirect chain warnings for shortened URLs
- Toggle on/off in settings for customized experience
Comprehensive Monitoring:
- Popup Dashboard - Quick overview of current page detections
- Sidebar Panel - Detailed analysis with three tabs (Current Page, History, Statistics)
- Auto-Refresh - Automatically scans when switching tabs or clicking refresh
- Detection History - Track suspicious patterns across all visited sites
- Global Statistics - View total detections, links analyzed, and top offending domains
Privacy-Focused:
- All scanning happens locally in your browser
- No data sent to external servers
- No tracking or analytics
- Open source on GitHub
๐ ๏ธ How It Works
- Install the extension from Firefox Add-ons
- Browse the web normally - Dark Radar works automatically
- View detections via the toolbar icon or sidebar (Ctrl+Shift+D / Cmd+Shift+D)
- Hover over links to see real-time analysis tooltips
- Customize settings to enable/disable specific detection types
โ๏ธ Customization Options
Access settings via the toolbar icon or sidebar:
- Enable/disable real-time protection
- Toggle visual badges on detected patterns
- Control browser notifications
- Adjust scan interval (1-60 seconds)
- Enable/disable individual pattern types
- Toggle link hover analysis on/off
- Clear detection history and statistics
๐ Permissions Explained
- storage - Save your settings and detection history locally
- activeTab - Scan the current page for dark patterns
- notifications - Alert you to critical threats
- <all_urls> - Analyze any website you visit
- webRequest/webRequestBlocking - Inspect network requests for link analysis
๐ What You'll See
- Visual Badges - Colored labels appear on detected dark patterns
- Risk Scores - Links show 0-100 risk rating with color coding (green/yellow/red)
- Detailed Reports - Export JSON reports of all detections
- Statistics Dashboard - Track patterns over time with charts and metrics
๐ Open Source
Dark Radar is fully open source and available on GitHub: https://github.com/dakidarts/dark-radar
Report issues, contribute code, or suggest features!
๐ก Use Cases
- Online Shopping - Spot fake urgency and hidden costs before checkout
- Email Unsubscribe - Find hidden opt-out links easily
- Link Safety - Check shortened URLs before clicking
- Privacy Protection - Identify tracking parameters in links
- Affiliate Disclosure - See when links contain affiliate tags
๐จ Beautiful Design
Dark-themed interface with smooth animations, intuitive controls, and responsive layout that works seamlessly with Firefox.
0๋ช
์ด 0์ ์ผ๋ก ํ๊ฐํจ
๊ถํ ๋ฐ ๋ฐ์ดํฐ
ํ์ ๊ถํ:
- ์๋ฆผ ํ์
- ๋ชจ๋ ์น์ฌ์ดํธ์์ ์ฌ์ฉ์์ ๋ฐ์ดํฐ์ ์ ๊ทผ
๊ฐ๋ฐ์๊ฐ ๋ฐํ ํ์ ์์ง ํญ๋ชฉ:
- ์น ์ฌ์ดํธ ์ฝํ ์ธ
์ถ๊ฐ ์ ๋ณด
- ๋ถ๊ฐ ๊ธฐ๋ฅ ๋งํฌ
- ๋ฒ์
- 1.0.0
- ํฌ๊ธฐ
- 58.36 KB
- ๋ง์ง๋ง ์ ๋ฐ์ดํธ
- 7์ผ ์ (2026๋ 1์ 4์ผ)
- ๊ด๋ จ ์นดํ ๊ณ ๋ฆฌ
- ๋ผ์ด์ ์ค
- MIT ๋ผ์ด์ ์ค
- ๋ฒ์ ๋ชฉ๋ก
- ๋ชจ์์ง์ ์ถ๊ฐ
์ด ํ์ฅ ๊ธฐ๋ฅ์ ๊ฐ๋ฐ์๊ฐ ์ฌ๋ฌ๋ถ์ด ์์ ๊ธฐ์ฌ๋ก ์ง์์ ์ธ ๊ฐ๋ฐ์ ์ง์ํด ์ค ๊ฒ์ ์์ฒญํฉ๋๋ค.
Architecture:
- manifest.json - Firefox Manifest V2 with strict CSP
- background.js - Global statistics tracking and message handling
- content.js - Page scanning and link analysis injection
- popup.js - Toolbar popup interface
- sidebar.js - Detailed sidebar panel with tabs
- options.js - Settings page management
Key Implementation Details:
- Pattern detection uses regex matching and DOM traversal
- Link analysis calculates risk scores based on multiple factors
- All data stored locally using browser.storage.local API
- Auto-refresh on tab change using browser.tabs.onActivated listener
- Manual refresh triggers page rescan via message passing
- Link hover tooltips conditionally enabled via settings
Security Hardening:
- Replaced all innerHTML with createElement/textContent
- Added escapeHtml() methods for text sanitization
- Implemented null checks on all DOM queries
- Wrapped all async operations in try-catch
- Added SSRF protection for URL resolution
- Removed no-cors mode from fetch requests
Performance Optimizations:
- Debounced page scanning (500ms delay)
- Combined loops to reduce iterations
- Stored interval IDs for proper cleanup
- Efficient DOM queries with early returns
- LRU-like cache eviction for statistics
Browser Compatibility:
- Tested on Firefox 142.0+
- Uses browser. API (not chrome.)
- Sidebar action (Firefox-specific feature)
- Manifest V2 (Firefox standard)
Future Enhancements:
- Machine learning for pattern detection
- Crowdsourced pattern database
- Browser action badge with detection count
- Whitelist/blacklist for domains
- Export reports in multiple formats (CSV, PDF)