Stock Ticker Hover Preview

WHAT IT DOES

Stock Ticker Hover Preview automatically detects stock ticker symbols on any webpage — such as AAPL, TSLA, MSFT, AMZN, and GOOGL — and displays a compact preview card when you hover over them. The card shows the current price, change amount, change percentage, and optional metrics like day range and volume. Data is fetched from Yahoo Finance's public API and cached with a configurable refresh interval to reduce API calls while keeping prices current. This tool helps investors, traders, and finance professionals quickly check stock prices without leaving the page they're reading.

WHERE IT RUNS

This extension works on any website across the entire web. It functions on news articles, financial blogs, social media posts, forums, and any page where stock tickers appear in text. The tool detects tickers in both uppercase and mixed-case text, and works across all domains and dynamically loaded content.

HOW TO USE

Install the extension and navigate to any webpage. The tool automatically scans the page for stock ticker symbols. Hover over any detected ticker (e.g., AAPL, TSLA) to see a preview card with real-time price data. Use the overlay panel to customize the experience: adjust the refresh interval in seconds (default 60 seconds) to control how often price data is updated, toggle the display of the 52-week range and volume metrics on or off, and click "Clear Cache" to force a fresh data fetch. Click "Scan Page" to manually rescan the page after dynamic content updates.

TECHNICAL SECTION — TICKER DETECTION AND PRICE FETCHING

The extension uses a TreeWalker-based text scanning engine that traverses the DOM's text nodes, skipping script and style elements. It detects potential ticker symbols by matching uppercase words of 2-5 characters, filtering out common words (I, ME, US, OK, NO, etc.) to reduce false positives. When a ticker is detected on an element, the tool attaches hover event listeners to that element. On hover, it fetches price data from Yahoo Finance's public chart API endpoint (query1.finance.yahoo.com/v8/finance/chart/{symbol}). The API returns JSON data containing the current price, change, percent change, day high/low, volume, and previous close. Data is cached using GM_setValue with a timestamp and refreshed based on the user-configured interval. The preview card is dynamically positioned near the cursor with intelligent edge detection to prevent overflow.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current preview status; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more controls. Press the Escape key at any time to instantly close the overlay; it reappears on the next page navigation or refresh.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or financial data is stored, transmitted, or shared. Price data is cached locally in your browser and is never sent to any external server except the Yahoo Finance API (solely to fetch the requested price data). The extension does not access or store login credentials, financial data, or personally identifiable information. The Yahoo Finance API is a public endpoint and is subject to rate limits and availability. Price data may be delayed and should not be used for trading decisions. The extension detects tickers in text but may occasionally miss symbols or flag non-ticker words; false positives can occur.