ViewGrid — Responsive Viewer tekijä Sinan
Test mobile, tablet, and desktop layouts side-by-side with synchronized scrolling, interactions, and visual comparison tools.
Laajennuksen metatiedot
Kuvakaappaukset
Tietoja tästä laajennuksesta
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.
Arvio 0 0 arvostelijan toimesta
Käyttöoikeudet ja data
Vaaditut käyttöoikeudet:
- Tyhjennä selaushistoria, evästeet ja muut liittyvät tiedot
- Estä sisältö millä tahansa sivulla
- Lataa tiedostoja, sekä lue ja muokkaa selaimen lataushistoriaa
- Pääsyoikeus selaimen välilehtiin
- Pääsy tietoihisi kaikilla verkkosivuilla
Valinnaiset käyttöoikeudet:
- Pääsy tietoihisi kaikilla verkkosivuilla
Tiedonkeruu:
- Kehittäjän mukaan tämä laajennus ei vaadi tiedonkeruuta.
Lisätietoja
- Lisäosan linkit
- Versio
- 1.0.1
- Koko
- 117,18 kt
- Viimeksi päivitetty
- kolme päivää sitten (24. syys 2026)
- Liittyvät luokat
- Lisenssi
- MIT-lisenssi
- Tietosuojakäytäntö
- Lue tämän lisäosan tietosuojakäytäntö
- Versiohistoria
- Lisää kokoelmaan
Tämän laajennuksen kehittäjä pyytää taloudellista tukeasi laajennuksen kehityksen jatkamiseksi.
• 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