必须启用safari开发者菜单并进入响应式设计模式才能调出iphone 15 pro、ipad air等设备预设；开启路径为safari→偏好设置→高级→勾选“在菜单栏中显示‘开发’菜单”；随后按cmd+opt+r进入响应式模式，点击下拉箭头选择对应设备型号，支持手动输入分辨率及横竖屏切换。
要在Safari中准确测试网页在iPhone 15 Pro、iPad Air等真实设备上的显示效果，必须启用开发者菜单并进入响应式设计模式，否则无法调出设备预设列表。
开启Safari开发者菜单
打开Safari → 顶部菜单栏点击「Safari」→「偏好设置」→ 切换到「高级」标签页 → 勾选底部的【在菜单栏中显示“开发”菜单】。
这一步不可跳过，未勾选时右键网页或按Cmd+Opt+I都不会触发开发者工具的完整功能，响应式设备模拟器根本不会出现。
进入响应式设计模式
刷新当前网页 → 按下 Cmd+Opt+R 快捷键，或点击顶部菜单栏「开发」→「进入响应式设计模式」。
此时页面会变成可缩放画布，左上角出现控制栏，但默认只显示“自定义尺寸”，尚未加载任何手机型号。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
选择预设设备型号
在响应式设计模式左上角控制栏中，点击设备名称右侧的下拉箭头 → 展开列表 → 依次选择：
① iPhone → iPhone 15 Pro
② iPad → iPad Air (5th generation)
③ 更多 → Custom → 手动输入 390×844（iPhone 15标准版分辨率）
选中后页面立即重绘，状态栏会显示对应设备名称和DPR值；若看到“Unknown Device”，说明网页未正确加载viewport meta标签，需检查HTML头部是否遗漏。
手动调整尺寸与旋转
方法一：拖拽画布右下角缩放手柄，实时改变宽度/高度数值。
方法二：点击控制栏中的尺寸数字（如“390 × 844”）→ 直接编辑宽高值 → 回车确认。
方法三：点击控制栏中间的旋转图标 → 切换横屏/竖屏。
旋转操作会自动适配设备DPR和安全区域，比如iPhone 15 Pro横屏时状态栏消失、底部Home Indicator区域保留，这点和真实设备一致。
