[{"data":1,"prerenderedAt":308},["ShallowReactive",2],{"post-iphone-duo-test-website-without-phone-en":3,"surround-/en/blog/iphone-duo-test-website-without-phone-en":298,"post-translations-31":303},{"id":4,"title":5,"body":6,"canonical_id":280,"category":281,"date_created":282,"date_updated":282,"description":283,"extension":284,"head":285,"image":286,"lang":287,"layout":288,"meta":289,"navigation":205,"ogImage":285,"path":290,"reading_time":291,"robots":285,"schemaOrg":285,"seo":292,"sitemap":294,"stem":296,"__hash__":297},"blog/en/blog/31.iphone-duo-test-website-without-phone.md","iPhone Duo: How to Test Your Website Without Owning the Phone",{"type":7,"value":8,"toc":271},"minimark",[9,22,25,28,63,71,74,79,86,89,94,97,116,120,131,146,160,177,181,184,193,196,210,214,220,228,235,239],[10,11,12,13,21],"p",{},"You don’t need to buy an iPhone Duo to start checking how your website looks on it. ",[14,15,20],"a",{"href":16,"rel":17,"target":19},"https://www.apple.com/newsroom/2026/09/apple-unveils-iphone-duo/",[18],"nofollow","_blank","Available since Friday, October 23, 2026",", Apple’s foldable smartphone introduces new screen formats that our websites need to adapt to.",[10,23,24],{},"Its passport-sized design lets you switch from a compact outer display to an inner screen closer to a small tablet, like an iPad mini. The iPhone Duo can also stay partially open, like a book.",[10,26,27],{},"For a website, these changes in screen format mean checking that the menu stays accessible, images fit the available space, and the page remains readable after rotation.",[29,30,35,36,62],"div",{"className":31},[32,33,34],"text-center","mx-auto","text-sm","\n  ",[37,38,39,40,39,45,39,49,35],"picture",{},"\n    ",[41,42],"source",{"srcSet":43,"type":44},"/img/blog/illustration/iphone-duo-apple-open-closed.avif","image/avif",[41,46],{"srcSet":47,"type":48},"/img/blog/illustration/iphone-duo-apple-open-closed.webp","image/webp",[50,51],"img",{"src":52,"alt":53,"width":54,"height":55,"loading":56,"decoding":57,"className":58},"/img/blog/illustration/iphone-duo-apple-open-closed.jpg","Two iPhone Duo devices held in hand, one closed and one open, showing the difference in screen size",1600,900,"lazy","async",[33,59,60,61],"w-full","h-auto","rounded-xl","\n  The iPhone Duo closed and open. Official Apple image.\n",[10,64,65,66,70],{},"On Mac, ",[67,68,69],"strong",{},"Device Hub",", included with Xcode, lets you open your website in Safari on a simulated iPhone Duo.",[10,72,73],{},"This lets you spot initial layout and navigation issues without owning the phone. Here’s how to do it, step by step.",[75,76,78],"h2",{"id":77},"_1-open-device-hub-from-xcode","1. Open Device Hub from Xcode",[10,80,81,82,85],{},"You’ll need a Mac compatible with ",[67,83,84],{},"Xcode 27.1",", with the iOS 27.1 simulator installed.",[10,87,88],{},"Open Xcode, then choose the following from the menu bar:",[10,90,91],{},[67,92,93],{},"Xcode → Open Developer Tool → Device Hub",[10,95,96],{},"There’s no need to create an iOS app project: you can simply open your website in Safari inside the simulator.",[29,98,35,101],{"className":99},[32,33,100],"max-w-[630px]",[37,102,39,103,39,106,39,109,35],{},[41,104],{"srcSet":105,"type":44},"/img/blog/illustration/iphone-duo-xcode-developer-tool.avif",[41,107],{"srcSet":108,"type":48},"/img/blog/illustration/iphone-duo-xcode-developer-tool.webp",[50,110],{"src":111,"alt":112,"width":113,"height":114,"loading":56,"decoding":57,"className":115},"/img/blog/illustration/iphone-duo-xcode-developer-tool.jpg","Xcode menu showing the Open Developer Tool entry",630,710,[33,59,60,61],[75,117,119],{"id":118},"_2-choose-the-iphone-duo-simulator","2. Choose the iPhone Duo Simulator",[10,121,122,123,126,127,130],{},"In the Device Hub sidebar, select ",[67,124,125],{},"iPhone Duo",", making sure it is labeled ",[67,128,129],{},"Simulator",".",[10,132,133,134,137,138,141,142,145],{},"If it isn’t listed, click ",[67,135,136],{},"+",", then choose a device under ",[67,139,140],{},"Simulators",". Select the iPhone Duo model and the available iOS version, then click ",[67,143,144],{},"Create",". If the version you need is missing, install the corresponding components in Xcode first.",[10,147,148,149,152,153,152,156,159],{},"The simulator lets you switch between a closed and an open phone, then rotate the display. These controls sit below the device: ",[67,150,151],{},"Closed",", ",[67,154,155],{},"Partially Open",[67,157,158],{},"Open",", and a rotation button.",[29,161,35,163],{"className":162},[32,33],[37,164,39,165,39,168,39,171,35],{},[41,166],{"srcSet":167,"type":44},"/img/blog/illustration/iphone-duo-device-hub-simulator.avif",[41,169],{"srcSet":170,"type":48},"/img/blog/illustration/iphone-duo-device-hub-simulator.webp",[50,172],{"src":173,"alt":174,"width":54,"height":175,"loading":56,"decoding":57,"className":176},"/img/blog/illustration/iphone-duo-device-hub-simulator.jpg","Closed iPhone Duo simulator running iOS 27.1 selected in Device Hub, with the Enchanter homepage in English in Safari and the pose controls below the device",905,[33,59,60,61],[75,178,180],{"id":179},"_3-test-the-website-across-screen-formats","3. Test the Website Across Screen Formats",[10,182,183],{},"Open Safari in the simulator and enter your website’s address. Start with the iPhone Duo closed: scroll through a representative page and try the main interactions, such as opening the menu or accessing a form.",[10,185,186,187,189,190,192],{},"Next, click ",[67,188,158],{}," in the controls below the device. The website should adapt to the available space without a manual reload. Rotate the device to switch from portrait to landscape. You can also try the ",[67,191,155],{}," pose.",[10,194,195],{},"Navigate between several pages to check that these changes in screen format don’t disrupt the user journey.",[10,197,198],{},[199,200],"video",{"src":201,"poster":202,"width":203,"height":204,"controls":205,"playsInline":205,"preload":206,"ariaLabel":207,"style":208,"className":209},"https://media.begonia.ovh/enchanter-gg/videos/devicehub-iphoneduo-enchanter-gg-website.mov","/img/blog/illustration/iphone-duo-device-hub-video-poster.webp",1920,1080,true,"none","Demo of the Enchanter website in Safari on the iPhone Duo simulator in Device Hub","width: 100%; height: auto; aspect-ratio: 16 / 9;",[33,59,60,61],[75,211,213],{"id":212},"a-first-check-not-a-guarantee","A First Check, Not a Guarantee",[10,215,216,219],{},[67,217,218],{},"The simulator helps you spot layout and navigation issues. It doesn’t guarantee that everything will work perfectly on the actual phone",", particularly when it comes to performance and how comfortable the site is to use by touch.",[10,221,222,223,227],{},"You can also get help from AI for these tests through ",[14,224,226],{"href":225},"/en/blog/chatgpt-computer-use-qa-agent","a QA agent using Computer Use",", as I explain in this other article.",[10,229,230,231,130],{},"📌 Need to check your website’s responsive layout or improve a mobile user journey? I can help with my ",[14,232,234],{"href":233},"/en/services/product-engineering","Product Engineering services",[75,236,238],{"id":237},"sources","Sources",[240,241,242,250,258],"ul",{},[243,244,245,246,130],"li",{},"Apple, ",[14,247,249],{"href":16,"rel":248,"target":19},[18],"iPhone Duo announcement and availability",[243,251,252,253,130],{},"Apple Developer, ",[14,254,257],{"href":255,"rel":256,"target":19},"https://developer.apple.com/videos/play/tech-talks/111461/",[18],"prepare your app for iPhone Duo with Xcode 27.1",[243,259,252,260,265,266,130],{},[14,261,264],{"href":262,"rel":263,"target":19},"https://developer.apple.com/documentation/xcode/managing-your-simulated-and-physical-devices-in-device-hub",[18],"open Device Hub and add simulators"," and ",[14,267,270],{"href":268,"rel":269,"target":19},"https://developer.apple.com/documentation/xcode/interacting-with-your-app-in-device-hub",[18],"use the pose and rotation controls",{"title":272,"searchDepth":273,"depth":273,"links":274},"",2,[275,276,277,278,279],{"id":77,"depth":273,"text":78},{"id":118,"depth":273,"text":119},{"id":179,"depth":273,"text":180},{"id":212,"depth":273,"text":213},{"id":237,"depth":273,"text":238},"31","product_engineering","2026-10-25T09:00:00.000Z","You don’t need to buy an iPhone Duo to start checking how your website looks on it. Available since Friday, October 23, 2026, Apple’s foldable smartphone introduces new screen formats that our websites need to adapt to.","md",null,"/img/blog/blog31.jpg","en","page",{},"/en/blog/iphone-duo-test-website-without-phone",4,{"description":293,"title":5},"Menus, images, rotation: check your layout on a foldable screen using Xcode and Device Hub on Mac.",{"loc":290,"lastmod":295},"2026-10-25T11:00:00+02:00","en/blog/31.iphone-duo-test-website-without-phone","5UD1s1lqZ_benUSqfEN95ElW4XUDXrtyngjsSsTB0I4",[285,299],{"title":300,"path":301,"stem":302,"children":-1},"Claude Duet, Grok Bot, Muse, Dots: AI Moves from Conversation to Delegation","/en/blog/claude-duet-grok-bot-muse-dots-delegation","en/blog/30.claude-duet-grok-bot-muse-dots-delegation",[304,305],{"path":290,"lang":287},{"path":306,"lang":307},"/fr/blog/iphone-duo-tester-site-web-sans-telephone","fr",1792923863928]