Customise a JavaScript for Viewport Link Scraper
Budget: ₹600 – ₹1,500 INR
**Project Title:** JavaScript Viewport Link Scraper
**Description:**
I have an existing JavaScript script that scrapes all the links present on a webpage. I’ve customized this script so that it only scrapes the links currently visible in the **viewport** (i.e., only the links the user can see without scrolling).
This tool is useful for performance optimization, analytics, or specific user interaction tracking—helping to focus only on what the user actually sees.
**What the script does:**
- Scans a webpage and collects all anchor (`<a>`) tags.
- Filters and returns only those links that are currently visible in the viewport (on-screen).
- Supports dynamic content (works even if content is loaded via JavaScript).
**Tech Stack:**
- JavaScript (Vanilla)
- DOM manipulation and bounding box detection via `getBoundingClientRect()`
**Use Cases:**
- SEO or UX audits
- Lazy-load link previews or analytics
- Real-time monitoring of visible links
- Custom web scraping where efficiency is key
**Delivery:**
- Clean, well-documented JavaScript code
- Optionally, integration support into existing website or tool
- Example HTML page for demo/testing (if required)
**Requirements from Client:**
- Define if specific types of links should be targeted (internal/external, certain classes, etc.)
- Mention if dynamic page loading or SPA behavior needs special handling
**Description:**
I have an existing JavaScript script that scrapes all the links present on a webpage. I’ve customized this script so that it only scrapes the links currently visible in the **viewport** (i.e., only the links the user can see without scrolling).
This tool is useful for performance optimization, analytics, or specific user interaction tracking—helping to focus only on what the user actually sees.
**What the script does:**
- Scans a webpage and collects all anchor (`<a>`) tags.
- Filters and returns only those links that are currently visible in the viewport (on-screen).
- Supports dynamic content (works even if content is loaded via JavaScript).
**Tech Stack:**
- JavaScript (Vanilla)
- DOM manipulation and bounding box detection via `getBoundingClientRect()`
**Use Cases:**
- SEO or UX audits
- Lazy-load link previews or analytics
- Real-time monitoring of visible links
- Custom web scraping where efficiency is key
**Delivery:**
- Clean, well-documented JavaScript code
- Optionally, integration support into existing website or tool
- Example HTML page for demo/testing (if required)
**Requirements from Client:**
- Define if specific types of links should be targeted (internal/external, certain classes, etc.)
- Mention if dynamic page loading or SPA behavior needs special handling