ipjpllejlgelbbhbbkiipnhamnkjlall
Inspect and analyze Server-Side Rendering (SSR) applications in Chrome Visually inspect and analyze Server-Side Rendering (SSR) vs Client-Side Rendering (CSR) elements on any web page with interactive overlays and real-time statistics.
Vue.js devtools
Browser DevTools extension for debugging Vue.js applications.
CSR vs SSR Detector
✨ Key Features: • 95% accuracy with 15+ indicators • Auto-detects Next.js, React, Nuxt, Gatsby, and more • Performance metrics (DOM ready, FCP) • History tracking (last 10 analyses) • Privacy-first (all analysis local) 📊 Perfect for developers, SEO specialists, and web architects making performance decisions. ✨ Enhancements: • Fixed history to show page titles (not URLs) • Improved React 18+ detection • Added error handling for stability • Fixed icon display in Chrome toolbar
SSR Differ DevTools
Helps to find the difference between SSR and client rendered content Сompare your ssr html with client side 🥂 - Select request with ssr - Fill "Root selector", between which will be compared - Click "Find and compare'
Clear Browser Data
Clear localStorage, sessionStorage and cookies with one click. localStorage: Clears data stored in the local storage. sessionStorage: Clears data stored in the session storage. Cookies: Clears all browser cookies. After clearing, the plugin will automatically refresh the current page to ensure a fresh browsing experience. After clicking on "SSR Data", you can see SSR data printing in the console console
