ViewGrid — Responsive Viewer szerző: Sinan
Test mobile, tablet, and desktop layouts side-by-side with synchronized scrolling, interactions, and visual comparison tools.
Kiegészítő metaadatai
Képernyőképek
A kiegészítő névjegye
ViewGrid is a multi-viewport responsive testing workspace for frontend developers, designers, and QA engineers.
Test mobile, tablet, laptop, and desktop layouts side-by-side in one browser tab — with synchronized scrolling and interactions.
Use ViewGrid with localhost, staging environments, internal development environments, and production websites.
Ideal for responsive design testing, CSS debugging, breakpoint testing, frontend development, design QA, and cross-device layout verification.
ViewGrid runs locally in your browser with zero telemetry.
There are no analytics trackers or ViewGrid cloud servers processing your page content.
Stop resizing your browser. Test every breakpoint at once.
Test mobile, tablet, laptop, and desktop layouts side-by-side in one browser tab — with synchronized scrolling and interactions.
- Multi-Viewport Workspace: Test multiple screen sizes simultaneously.
- 21+ Device Presets: Preview popular phone, tablet, laptop, desktop, and foldable sizes.
- Custom Viewports: Create your own width, height, and DPR combinations.
- Portrait & Landscape: Switch orientation instantly.
- Flexible Layouts: Arrange viewports in grid, row, or column layouts.
- Synchronized Scrolling: Scroll once and compare every breakpoint.
- Interaction Sync: Mirror clicks and supported interactions across viewports.
- Navigation Sync: Keep active previews on the same page while testing.
- Figma Design Overlay: Overlay PNG or SVG designs on live pages for visual comparison.
- Split Comparison: Compare responsive layouts interactively.
- Screenshot Capture: Export individual viewport or workspace screenshots.
- Responsive Issue Scanner: Detect horizontal overflow, clipped content, and small touch targets.
Use ViewGrid with localhost, staging environments, internal development environments, and production websites.
Ideal for responsive design testing, CSS debugging, breakpoint testing, frontend development, design QA, and cross-device layout verification.
ViewGrid runs locally in your browser with zero telemetry.
There are no analytics trackers or ViewGrid cloud servers processing your page content.
Stop resizing your browser. Test every breakpoint at once.
Értékelés 0 szerkesztő által: 0
Engedélyek és adatok
Szükséges engedélyek:
- Friss böngészési előzmények, sütik és kapcsolódó adatok törlése
- Bármely oldalon lévő tartalom blokkolása
- Fájlok letöltése, valamint a letöltési előzmények olvasása és módosítása
- Böngészőlapok elérése
- Az adatai elérése az összes webhelyhez
Nem kötelező engedélyek:
- Az adatai elérése az összes webhelyhez
Adatgyűjtés:
- A fejlesztő szerint ez a kiegészítő nem igényel adatgyűjtést.
További információk
- Kiegészítő hivatkozásai
- Verzió
- 1.0.1
- Méret
- 117,18 kB
- Legutóbb frissítve
- 3 napja (2026. szept. 24.)
- Kapcsolódó kategóriák
- Licenc
- MIT licenc
- Adatvédelmi irányelvek
- Olvassa el a kiegészítő adatvédelmi irányelveit
- Verziótörténet
- Gyűjteményhez adás
A kiegészítő fejlesztője azt kéri, hogy egy csekély összeggel támogassa a további fejlesztést.
• Architecture: Scoped DeclarativeNetRequest (Chromium) & WebRequest (Firefox) for header relaxation.
• Performance: Executes inside native browser runtimes consuming <15 MB RAM without heavy Electron process overhead.
• Sync Protocol: Epoch-fenced, sequence-numbered interaction hub preventing echo feedback loops.
• Privacy: 100% Client-Side. Zero telemetry, zero external tracking, zero analytics beacons.
• GitHub Repository: https://github.com/sinansarikaya/viewgrid
• Official Site: https://viewgrid.sinansarikaya.dev