Emulate different devices and screen sizes to track mobile-specific content or responsive design variations.
Why Device Emulation?
Many websites display different content based on device type or screen size. Device emulation lets you track these variations.
Common Scenarios
- Mobile-only features or content
- Responsive pricing or layouts
- Device-specific promotions
- App download buttons
Device Presets
Desktop (Default)
1920x1080 viewport
Standard desktop browser experience
iPhone 14 Pro
393x852 viewport
Modern iOS device emulation
Samsung Galaxy S21
360x800 viewport
Popular Android device
iPad Pro
1024x1366 viewport
Tablet screen size
Custom Viewport Settings
Configure custom screen dimensions for specific use cases:
Configuration Options:
- Width: Viewport width in pixels (320-4096)
- Height: Viewport height in pixels (240-4096)
- Device Scale: Pixel density ratio (1x, 2x, 3x)
- Mobile Mode: Enable mobile user agent and touch events
User Agent Strings
Device emulation automatically sets appropriate user agent strings:
Desktop:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/120.0.0.0
iPhone:
Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) Safari/604.1
Android:
Mozilla/5.0 (Linux; Android 13) Chrome/120.0.0.0 Mobile
Important Notes
- • Device emulation requires browser rendering to be enabled
- • Some websites detect emulation vs. real devices
- • Test your configuration to ensure content loads correctly
Quick Tips
Mobile content not showing? Enable mobile mode and set appropriate viewport
Content looks wrong? Verify viewport dimensions match target device
Need real device? Consider using browser rendering with device emulation
