vibeside_emulate_device
Emulate mobile, tablet, or desktop viewport, user agent, touch, pixel ratio, and color scheme to test responsive web pages across devices.
Instructions
Emulate mobile, tablet, or desktop device viewport, userAgent, touch, pixel ratio, and color scheme.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| width | No | Custom viewport width in CSS pixels (overrides preset) | |
| height | No | Custom viewport height in CSS pixels (overrides preset) | |
| preset | No | Predefined device preset name or ID (e.g. "iPhone 16 Pro", "iphone-16-pro", "Pixel 8", "iPad Pro 11"", "Desktop FHD", "MacBook Pro 16"") | |
| hasTouch | No | Whether to emulate touch event support | |
| isMobile | No | Whether to emulate mobile device screen behavior and viewport tags | |
| userAgent | No | Custom User-Agent string override | |
| colorScheme | No | CSS prefers-color-scheme media feature emulation | |
| isLandscape | No | Whether viewport is in landscape orientation | |
| reducedMotion | No | CSS prefers-reduced-motion media feature emulation | |
| deviceScaleFactor | No | Device scale factor / pixel ratio (e.g. 1, 2, 2.625, 3) |