Outdoor Gear Site Weight Comparison Overlay

WHAT IT DOES

This script scans outdoor gear product pages—REI, Backcountry, Moosejaw, and others—for weight and specification data including product weight, packed size, material, fill power, temperature rating, and dimensions. It displays a floating overlay comparing weights and specs side-by-side for multiple products. Weight and specification data is extracted from the page, organized by product, and displayed in a comparison matrix with color-coded indicators: green for lightest (best), red for heaviest (worst), yellow for average. Weight differences are highlighted and a summary of relative strengths is provided. Users can export comparison data as CSV or JSON. All comparison snapshots are stored per domain locally for tracking over time.

WHERE IT RUNS

Works on any outdoor gear product page—REI, Backcountry, Moosejaw, CampSaver, or any page displaying gear specifications. The script detects weight and spec data using common patterns and selectors, making it compatible with most outdoor gear retail sites.

HOW TO USE

The panel appears automatically when you visit a gear product page. It detects products and their specifications, then displays a comparison matrix with products as columns and specs as rows. Weight values are color-coded: green for the lightest, yellow for average, red for the heaviest. A weight comparison section shows all products sorted by weight with the lightest highlighted. The "Lightest" and "Heaviest" summary shows which products are at each end of the weight spectrum. Click "Refresh Data" to rescan for updated product information. Export comparison data as CSV for spreadsheet analysis or as JSON for programmatic use. Use "Clear History" to reset stored snapshots for the current domain. The panel automatically saves a snapshot each time you visit, building a history of gear comparisons.

TECHNICAL MECHANISM: OUTDOOR GEAR SPECIFICATION EXTRACTION WITH WEIGHT COMPARISON AND COLOR-CODING

The script uses a comprehensive detection strategy. It searches for product containers using selectors (.product, .item, .listing, .card) and falls back to scanning divs and sections with gear-related keywords (weight, oz, g, kg, lb, dimension, size, material, fill, temperature). For each product, it extracts the name from product-name elements or by identifying capitalized text. Specifications are extracted using a defined list of spec definitions with pattern matching: weight, packedSize, material, fillPower, temperatureRating, dimensions, weightLbs. For weight specifically, the script parses both the value and unit (oz, g, kg, lb) and converts to ounces for comparison. The weight comparison section sorts products by weight in ounces and highlights the lightest (green) and heaviest (red). The comparison matrix includes all detected specs with color coding applied to numeric values: weight-related specs use lower-is-better logic (green for lightest, red for heaviest), while fill power uses higher-is-better logic (green for highest, red for lowest). Each snapshot stores the product list with specs, capped at 30 entries per domain. The export function generates CSV with products as columns and specs as rows.

THE PANEL

The weight comparison overlay appears in a draggable, resizable panel that remembers its position per site. The panel shows the weight comparison section, specification matrix with color-coded values, lightest/heaviest summary, and history. Drag by the header to reposition, collapse to a compact icon with a click, and resize using the bottom-right corner. The panel snaps to screen edges for tidy placement and closes with the Escape key. All settings—panel position—persist per website using GM_setValue, so your view returns exactly as you left it.

PLEASE NOTE

This script requires the free BotGentz extension to run. The script relies on common product page structures—if a site uses a non-standard layout, spec detection may be incomplete. The script does not access your retail account credentials—all data is read from the visible page and stored locally. The weight parser supports oz, g, kg, and lb units; other units may not be recognized. The color coding is based on relative comparison within the detected products. All data is stored locally in your browser via GM_setValue and never transmitted.