在mac的safari中启用响应式设计模式并选择ipad型号，可实时预览调试网页在ipad上的布局与触控适配；需先勾选“开发菜单”，进入模式后选ipad设备、调整像素比和用户代理以精准模拟。
想在Mac上用Safari快速预览网页在iPad上的显示效果，不用真机也能实时调试布局和触控适配，关键在于启用响应式设计模式并精准选择iPad设备类型。
在Safari中开启响应式设计模式
打开Safari浏览器，确保菜单栏已显示“开发”选项——若未出现，先去“Safari > 偏好设置 > 高级”，勾选【在菜单栏中显示开发菜单】。
点击顶部菜单栏的“开发”→“进入响应式设计模式”。
这一步必须先做，否则后续所有设备模拟都不可用；跳过此步直接点设备图标，界面不会响应。
选择并切换iPad设备型号
进入响应式设计模式后，页面顶部中央会出现设备选择栏。
点击设备名称（默认可能是iPhone），在弹出列表中选择“iPad”或具体型号如“iPad Pro (12.9-inch)”。
选中后视口会立即缩放为对应分辨率，此时可拖动边框外的半透明控制柄微调视口大小，但不要拖过窄于768px，否则会触发移动端断点，失去平板语义。
点按设备名称两次可切换横竖屏方向；对iPad，连续点按三次还能依次查看分屏浏览状态（主App+侧边栏）。
调整设备像素比与用户代理（可选但关键）
方法一：保持默认设备像素比（2x），适用于多数Retina iPad网页渲染测试。
方法二：若需验证高DPI资源加载逻辑，点按“设备像素比”右侧箭头，选3x（对应iPad Pro 12.9英寸第6代及以上）。
方法三：点击“用户代理”右侧菜单，选择“iPadOS 17”或更高版本——这直接影响JavaScript中navigator.userAgent判断结果和CSS媒体查询匹配，不改则部分响应式脚本可能误判为桌面环境。
