Media
5 items
Description
Logs HTTP requests, redirects, and SPA navigations in a sidebar with cookie tracking, filtering, and export functionality. Unleash the power of the Network panel directly in your browser window! The Traffic & Cookie Tracking Inspector is an essential, time-saving tool for web developers, SEO professionals, digital marketers, and QA testers. It provides a persistent, on-page sidebar (with a new pop-out window mode!) that logs all HTTP/S requests, giving you an immediate and crystal-clear view of what’s happening under the hood of any website. Tired of constantly opening and navigating the clunky built-in DevTools? Our inspector lives right on the page (or in its own floating window), allowing you to monitor traffic, inspect cookies, generate live stats, and debug tracking scripts in real-time as you interact with the site. 🌟 KEY FEATURES ✨ Live & Persistent Traffic Logging See all network requests for the current tab appear in a clean, organized list as they happen. Unlike standard DevTools, this log persists as you navigate from page to page within the same tab, allowing you to trace a complete user journey without losing valuable data. 📊 Live Stats & Analytics (NEW!) Instantly visualize your network data! Click the new "Stats" tab to see dynamically generated bar charts breaking down your traffic by Resource Type, Status Code, and total Payload Size. 🪟 Undock & Pop-out Mode (NEW!) Need more screen real estate? Click the Undock icon to pop the inspector out into its own dedicated floating window. It stays perfectly synced with your active tab! 🔎 Detailed Request Inspection & Easy Copying Click any request to expand a detailed view including: Full URL, Method, Status Code, and Type Precise Timings and Filesize (Chunked supported) Complete Request and Response Headers Initiator and Redirect Information (NEW!) Click on any header, value, or row to instantly copy it to your clipboard. 🍪 Comprehensive Cookie Analysis Instantly see all cookies associated with a request. Session cookies are automatically highlighted, and expiration dates are clearly displayed. ↪️ Advanced Redirect Tracking Our inspector goes beyond the standard Network panel by detecting multiple types of redirects: Server-Side Redirects: Captures all 301, 302, and other 3xx status codes. JavaScript Redirects: Intercepts window.location changes to reveal client-side routing. Meta-Refresh Redirects: Automatically detects and logs redirects initiated by <meta> tags. 🎛️ Powerful Filtering System Quickly isolate the exact data you need: Filter by resource type (Webpages, Images, Scripts, CSS, Video, etc.). Show only requests that set or send cookies. Isolate traffic to internal (same-site) or external (third-party) domains. Live text search to filter requests by URL, status, or method. 📄 One-Click Data Export Export the entire captured network log to a CSV file with a single click—perfect for analysis, reporting, or sharing with your team. 🛡️ Seamless, CSS-Isolated UI Built with a Shadow DOM to ensure the extension’s interface is never broken by—or interferes with—the host website's styles. 🎯 WHO IS THIS FOR? Web Developers: Debug network bottlenecks, inspect API requests, and verify header information without leaving the page context. SEO Specialists: Easily track redirect chains (including sneaky client-side ones), analyze page load resources, and identify third-party scripts impacting performance. Digital Marketers: Verify that analytics, marketing, and conversion pixels (Google Tag Manager, Meta Pixel, etc.) are firing correctly and inspect the exact data they are sending. QA Testers: Quickly identify failed requests (4xx/5xx errors), analyze resource loading issues, and ensure proper cookie behavior across different user flows. Stop hunting through the clutter of the standard DevTools. Get the clear, persistent, and powerful network inspector you've always wanted. Install Traffic & Cookie Tracking Inspector today and take control of your web debugging workflow!