Test dual-screen postures, inspect HIG 445pt crease guides, simulate 3D book perspective, and evaluate autonomous WebMCP agent tools directly inside Chrome DevTools.
Everything frontend teams need to build responsive, crease-aware layouts for dual-screen devices.
Toggle seamlessly between Folded (5.4" Outer: 466 × 678 pt), Unfolded (7.6" Flat: 890 × 626 pt @3x), Partially Folded (Book/Laptop Pose), and 50% Split View.
Real-time visual guides highlighting the center 445pt crease and 40px folding reservation zone to ensure interactive buttons and typography never sit on the hinge.
Adjust the physical fold angle from 60° to 160° with dynamic 3D CSS perspective transforms and realistic hardware spine depth shading.
Automatically detects client-side navigator.modelContext registrations and exposes the iphone_duo_set_posture tool for autonomous testing agents.
Uses native CDP emulation (Emulation.setDeviceMetricsOverride and touch points) for genuine hardware pixel density (@3x retina scaling).
Runs entirely in your local browser sandbox. Zero telemetry, no external server communication, and zero tracking of inspected web pages.
Exposes simulated hardware posture control as an MCP tool so autonomous agents can test your website across physical device states.
Discovers and bridges client-side navigator.modelContext registrations dynamically.
AI test agents programmatically fold, unfold, and adjust 3D perspective to test layout responsiveness.
// The extension registers the posture control tool with the page's model context
navigator.modelContext.registerTool({
name: 'iphone_duo_set_posture',
description: 'Controls simulated physical posture of the iPhone Duo (folded, unfolded, partially_folded, split_view).',
inputSchema: {
type: 'object',
properties: {
posture: {
type: 'string',
enum: ['folded', 'unfolded', 'partially_folded', 'split_view'],
description: 'Physical hardware posture of the device'
},
angle: {
type: 'number',
description: 'Fold angle in degrees (60° to 160°) for partially_folded pose'
}
},
required: ['posture']
}
}, async ({ posture, angle }) => {
// Emulates folding transition on inspected page
return { status: 'success', posture, angle: angle || 110 };
});Available for Google Chrome and Chromium-based browsers.
Install with one click from the official store with automated background updates.
Install from Web Store
Clone the repository, run npm run build, and load the unpacked directory in chrome://extensions.