Device Profiling
iframe-shield auto-detects the device tier and applies optimal settings. Set deviceProfile: 'auto' and the system handles everything.
6 Device Tiers
| Tier | Budget | Quality | Watermark | iOS Aggressive |
|---|---|---|---|---|
low-end-mobile | 600 MB | auto | Tight | Yes |
mid-mobile | 800 MB | auto | Normal | Yes |
high-mobile | 1000 MB | auto | Relaxed | No |
tablet | 1000 MB | high | Relaxed | No |
desktop | 1500 MB | high | Off | No |
high-end-desktop | 2500 MB | high | Off | No |
Detection Signals
- Screen dimensions — distinguish phone/tablet/desktop
- navigator.deviceMemory — RAM tier (where available)
- User agent — iOS/Android/desktop detection
- navigator.maxTouchPoints — touch device detection
Manual Override
new IframeShield({ deviceProfile: 'mid-mobile' });
Force a specific tier regardless of detected device.