[{"data":1,"prerenderedAt":307},["ShallowReactive",2],{"post-iphone-duo-tester-site-web-sans-telephone-fr":3,"surround-/fr/blog/iphone-duo-tester-site-web-sans-telephone-fr":297,"post-translations-31":302},{"id":4,"title":5,"body":6,"canonical_id":279,"category":280,"date_created":281,"date_updated":281,"description":282,"extension":283,"head":284,"image":285,"lang":286,"layout":287,"meta":288,"navigation":204,"ogImage":284,"path":289,"reading_time":290,"robots":284,"schemaOrg":284,"seo":291,"sitemap":293,"stem":295,"__hash__":296},"blog/fr/blog/31.iphone-duo-tester-site-web-sans-telephone.md","iPhone Duo : comment tester son site web sans avoir le téléphone ?",{"type":7,"value":8,"toc":270},"minimark",[9,22,25,28,63,71,74,79,86,89,94,97,116,120,131,146,160,177,181,184,192,195,209,213,219,227,234,238],[10,11,12,13,21],"p",{},"Pas besoin d’acheter un iPhone Duo pour commencer à vérifier comment votre site s’y affiche. ",[14,15,20],"a",{"href":16,"rel":17,"target":19},"https://www.apple.com/newsroom/2026/09/apple-unveils-iphone-duo/",[18],"nofollow","_blank","Disponible depuis le vendredi 23 octobre 2026",", le smartphone pliable d’Apple apporte de nouveaux formats d’écran auxquels nos sites doivent s’adapter.",[10,23,24],{},"Son format \"passeport\" permet de passer d’un écran extérieur compact à un écran intérieur digne d'une petite tablette, comme un iPad mini. L’iPhone Duo peut aussi rester partiellement ouvert, comme un livre.",[10,26,27],{},"Pour un site web, ces changements de format demandent de vérifier que le menu reste accessible, que les images s’adaptent à l’espace disponible et que la page reste lisible après une 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","Deux iPhone Duo tenus en main, l’un fermé et l’autre ouvert, pour comparer les tailles d’écran",1600,900,"lazy","async",[33,59,60,61],"w-full","h-auto","rounded-xl","\n  L’iPhone Duo fermé et ouvert. Visuel officiel Apple.\n",[10,64,65,66,70],{},"Sur Mac, l'application ",[67,68,69],"strong",{},"Device Hub",", fournie avec Xcode, permet d’ouvrir votre site web dans Safari sur un iPhone Duo simulé.",[10,72,73],{},"Vous pouvez ainsi repérer les premiers problèmes d’affichage et de navigation sans posséder le téléphone. Voici comment procéder, pas à pas.",[75,76,78],"h2",{"id":77},"_1-ouvrir-device-hub-depuis-xcode","1. Ouvrir Device Hub depuis Xcode",[10,80,81,82,85],{},"Il faut un Mac compatible avec ",[67,83,84],{},"Xcode 27.1",", ainsi que le simulateur iOS 27.1 installé.",[10,87,88],{},"Ouvrez Xcode, puis choisissez dans la barre de menus :",[10,90,91],{},[67,92,93],{},"Xcode → Open Developer Tool → Device Hub",[10,95,96],{},"Pas besoin de créer un projet d’application iOS : vous pouvez simplement ouvrir votre site web dans Safari, à l’intérieur du simulateur.",[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","Menu Xcode affichant l’entrée Open Developer Tool",630,710,[33,59,60,61],[75,117,119],{"id":118},"_2-choisir-le-simulateur-iphone-duo","2. Choisir le simulateur iPhone Duo",[10,121,122,123,126,127,130],{},"Dans la barre latérale de Device Hub, sélectionnez ",[67,124,125],{},"iPhone Duo",", en vérifiant qu’il porte bien la mention ",[67,128,129],{},"Simulator",".",[10,132,133,134,137,138,141,142,145],{},"S’il n’apparaît pas, cliquez sur ",[67,135,136],{},"+",", puis choisissez un appareil dans la partie ",[67,139,140],{},"Simulators",". Sélectionnez le modèle iPhone Duo et la version d’iOS proposée, puis cliquez sur ",[67,143,144],{},"Create",". Si la version nécessaire manque, il faut d’abord installer les composants correspondants dans Xcode.",[10,147,148,149,152,153,152,156,159],{},"Le simulateur permet de passer d’un téléphone fermé à un téléphone ouvert, puis de faire pivoter l’affichage. Ces commandes se trouvent sous l’appareil : ",[67,150,151],{},"Closed",", ",[67,154,155],{},"Partially Open",[67,157,158],{},"Open",", ainsi qu’un bouton de rotation.",[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","Simulateur iPhone Duo fermé sous iOS 27.1 sélectionné dans Device Hub, avec la page d’accueil d’Enchanter en anglais dans Safari et les commandes de position sous l’appareil",905,[33,59,60,61],[75,178,180],{"id":179},"_3-tester-le-site-dans-les-différents-formats","3. Tester le site dans les différents formats",[10,182,183],{},"Ouvrez Safari dans le simulateur et saisissez l’adresse de votre site. Commencez avec l’iPhone Duo fermé : faites défiler une page représentative et essayez les principales interactions, comme ouvrir le menu ou accéder à un formulaire.",[10,185,186,187,189,190,130],{},"Cliquez ensuite sur ",[67,188,158],{}," dans les commandes sous l’appareil. Le site doit s’adapter à l’espace disponible sans rechargement manuel. Faites pivoter l’appareil pour passer du portrait au paysage. Vous pouvez aussi essayer la position ",[67,191,155],{},[10,193,194],{},"Naviguez entre plusieurs pages pour vérifier que ces changements de format ne perturbent pas le parcours.",[10,196,197],{},[198,199],"video",{"src":200,"poster":201,"width":202,"height":203,"controls":204,"playsInline":204,"preload":205,"ariaLabel":206,"style":207,"className":208},"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","Démonstration du site Enchanter dans Safari sur le simulateur iPhone Duo de Device Hub","width: 100%; height: auto; aspect-ratio: 16 / 9;",[33,59,60,61],[75,210,212],{"id":211},"un-premier-contrôle-pas-une-certification","Un premier contrôle, pas une certification",[10,214,215,218],{},[67,216,217],{},"Le simulateur permet de repérer des problèmes de mise en page et de navigation. Il ne garantit pas que tout fonctionnera parfaitement sur le téléphone réel",", notamment pour les performances et le confort tactile.",[10,220,221,222,226],{},"Vous pouvez aussi vous faire aider de l'IA pour faire ces tests via ",[14,223,225],{"href":224},"/fr/blog/chatgpt-computer-use-agent-qa","un agent de QA utilisant Computer Use",", comme je l'explique dans cet autre article.",[10,228,229,230,130],{},"📌 Besoin de vérifier le responsive de votre site ou d’améliorer un parcours sur mobile ? Je peux vous accompagner avec mes ",[14,231,233],{"href":232},"/fr/services/product-engineering","services de Product Engineering",[75,235,237],{"id":236},"sources","Sources",[239,240,241,249,257],"ul",{},[242,243,244,245,130],"li",{},"Apple, ",[14,246,248],{"href":16,"rel":247,"target":19},[18],"annonce et disponibilité de l’iPhone Duo",[242,250,251,252,130],{},"Apple Developer, ",[14,253,256],{"href":254,"rel":255,"target":19},"https://developer.apple.com/videos/play/tech-talks/111461/",[18],"préparer une application pour l’iPhone Duo avec Xcode 27.1",[242,258,251,259,264,265,130],{},[14,260,263],{"href":261,"rel":262,"target":19},"https://developer.apple.com/documentation/xcode/managing-your-simulated-and-physical-devices-in-device-hub",[18],"ouvrir Device Hub et ajouter des simulateurs"," et ",[14,266,269],{"href":267,"rel":268,"target":19},"https://developer.apple.com/documentation/xcode/interacting-with-your-app-in-device-hub",[18],"utiliser les commandes de position et de rotation",{"title":271,"searchDepth":272,"depth":272,"links":273},"",2,[274,275,276,277,278],{"id":77,"depth":272,"text":78},{"id":118,"depth":272,"text":119},{"id":179,"depth":272,"text":180},{"id":211,"depth":272,"text":212},{"id":236,"depth":272,"text":237},"31","product_engineering","2026-10-25T09:00:00.000Z","Pas besoin d’acheter un iPhone Duo pour commencer à vérifier comment votre site s’y affiche. Disponible depuis le vendredi 23 octobre 2026, le smartphone pliable d’Apple apporte de nouveaux formats d’écran auxquels nos sites doivent s’adapter.","md",null,"/img/blog/blog31.jpg","fr","page",{},"/fr/blog/iphone-duo-tester-site-web-sans-telephone",4,{"description":292,"title":5},"Menus, images, rotation : vérifiez le rendu sur écran pliable avec Xcode et Device Hub sur Mac.",{"loc":289,"lastmod":294},"2026-10-25T11:00:00+02:00","fr/blog/31.iphone-duo-tester-site-web-sans-telephone","zvp8Xn4sYWCuUwlLuhyhClJwiKXA3KE0Dqc6pEYTOEI",[284,298],{"title":299,"path":300,"stem":301,"children":-1},"Claude Duet, Grok Bot, Muse, Dots : l’IA passe de la conversation à la délégation","/fr/blog/claude-duet-grok-bot-muse-dots-delegation","fr/blog/30.claude-duet-grok-bot-muse-dots-delegation",[303,306],{"path":304,"lang":305},"/en/blog/iphone-duo-test-website-without-phone","en",{"path":289,"lang":286},1792923863907]