ViewGrid — Responsive Viewer 作成者: Sinan
Test mobile, tablet, and desktop layouts side-by-side with synchronized scrolling, interactions, and visual comparison tools.
拡張機能メタデータ
スクリーンショット
この拡張機能について
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.
0 人のレビュー担当者が 0 と評価しました
権限とデータ
必要な権限:
- 最近のブラウジング履歴、Cookie とその関連データの消去
- 任意のページのコンテンツをブロックする
- ファイルのダウンロードおよびブラウザーのダウンロード履歴の読み取りと変更
- ブラウザーのタブへのアクセス
- すべてのウェブサイトの保存されたデータへのアクセス
任意の許可設定:
- すべてのウェブサイトの保存されたデータへのアクセス
データ収集:
- 開発者によると、この拡張機能はデータ収集を必要としません。
詳しい情報
- バージョン
- 1.0.1
- サイズ
- 117.18 KB
- 最終更新日
- 3日前 (2026年9月24日)
- ライセンス
- MIT License
- プライバシーポリシー
- このアドオンのプライバシーポリシーを読む
- バージョン履歴
- コレクションへ追加
• 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