🔍 What is RenderScope? RenderScope is a developer tool designed to give you a clear, instant comparison between what a web server physically delivers (SSR — Server-Side Rendering) and what the browser renders after JavaScript runs (CSR — Client-Side Rendering). This is the fastest way to diagnose hydration issues, SEO rendering problems, Core Web Vitals regressions, and JavaScript-dependent layout shifts — without any complex set up. ⚡ Key Features 🖥️ Side-by-Side Preview View SSR and CSR outputs simultaneously in a clean split-pane layout — no toggling, no reloading. 📱 Responsive Device Mockups Accurately simulate Desktop (1440px), Tablet (768px), and Mobile (414px) viewport sizes. The views auto-scale to fit your screen perfectly. 🚫 True JavaScript Isolation The SSR pane strictly disables all JavaScript execution using iframe sandboxing — so what you see is exactly what a crawler or a user with JS disabled would see. 🔄 Refresh Button Reload both SSR and CSR views simultaneously with a single click — no need to reload the entire page. 🌗 Dark & Light Mode Automatically inherits your system's preferred color scheme. Toggle manually anytime from the top bar. 🛡️ Smart Header Bypass Automatically bypasses X-Frame-Options and Content-Security-Policy headers so nearly any website can be rendered in the preview panes. 📋 Scrollbar Isolation Injects clean CSS into loaded frames to hide native scrollbars, ensuring a distraction-free, device-authentic experience. 👨‍💻 Who is it for? • Frontend Developers debugging SSR/CSR rendering inconsistencies • SEO Engineers auditing what Googlebot actually sees vs what users see • QA Engineers checking responsive designs across device breakpoints • Product Managers verifying final rendering on different devices before launch 🔒 Privacy First RenderScope does not collect, store, or transmit any user data. All analysis is performed entirely within your browser, on-device. No accounts, no tracking, no analytics. 📋 Changelog v1.0.0 — Initial Release