Responsive View

About

ja
---------------------------------------
Responsive View - デバイスエミュレーター

WebサイトをiPhone、Android、タブレット、PCなどの実機風フレーム内でプレビューできるChrome拡張機能です。レスポンシブデザインの確認やスクリーンショット撮影に最適です。

【主な機能】
- リアルなデバイスフレーム表示
- 独立したポップアップウィンドウで表示
- ズーム操作（拡大・縮小・画面フィット）
- デバイス回転（モバイル・タブレット）
- カスタムデバイスの追加・管理

【プリセットデバイス】
■ モバイル（3種類）
・iPhone 15 Pro（393 × 852）
・Samsung Galaxy S24（360 × 780）
・Google Pixel 8（412 × 915）

■ タブレット（3種類）
・iPad Pro 12.9"（1024 × 1366）
・iPad Air（820 × 1180）
・Galaxy Tab S9（800 × 1280）

■ PC（3種類）
・MacBook Pro 14"（1512 × 982）
・Desktop Full HD（1920 × 1080）
・Desktop 2K（2560 × 1440）

【カスタムデバイス】
設定画面から独自のデバイスを追加できます。デバイス名、画面サイズ、ピクセル比を自由に設定可能です。

【使い方】
1. 確認したいWebサイトを開く
2. 拡張機能アイコンをクリック
3. デバイスを選択
4. 「Open Responsive View」をクリック

【キーボードショートカット】
・Ctrl/Cmd + (+/-) : ズーム
・Ctrl/Cmd + 0 : 画面にフィット
・R : デバイス回転

Webデザイナー、フロントエンド開発者、QAエンジニアの方々に最適なツールです。
---------------------------------------
en
---------------------------------------
Responsive View - Device Emulator

A Chrome extension that lets you preview websites inside realistic device frames for iPhone, Android, tablets, and PCs. Perfect for checking responsive designs and capturing screenshots.

【Features】
- Realistic device frame visualization
- Opens in a standalone popup window
- Zoom controls (in/out/fit to screen)
- Device rotation (mobile & tablet)
- Custom device management

【Preset Devices】
■ Mobile (3 devices)
・iPhone 15 Pro (393 × 852)
・Samsung Galaxy S24 (360 × 780)
・Google Pixel 8 (412 × 915)

■ Tablet (3 devices)
・iPad Pro 12.9" (1024 × 1366)
・iPad Air (820 × 1180)
・Galaxy Tab S9 (800 × 1280)

■ PC (3 devices)
・MacBook Pro 14" (1512 × 982)
・Desktop Full HD (1920 × 1080)
・Desktop 2K (2560 × 1440)

【Custom Devices】
Add your own devices from the options page. Set custom device name, screen dimensions, and pixel ratio.

【How to Use】
1. Open the website you want to preview
2. Click the extension icon
3. Select a device
4. Click "Open Responsive View"

【Keyboard Shortcuts】
・Ctrl/Cmd + (+/-) : Zoom in/out
・Ctrl/Cmd + 0 : Fit to screen
・R : Rotate device

Ideal for web designers, front-end developers, and QA engineers.