[{"data":1,"prerenderedAt":72},["ShallowReactive",2],{"document:zh:mobile-website-screenshot":3},{"title":4,"description":5,"body":6,"faqs":61,"tool":68,"kind":69,"slug":70,"locale":71},"手机网页截图","用手机或平板预设截取公开网页，检查窄屏布局和实际视口参数。",{"type":7,"value":8,"toc":54},"minimark",[9,13,17,20,23,26,39,42],[10,11,12],"h2",{"id":12},"让网页成为可用的视觉资料",[14,15,16],"p",{},"查看导航、图片和正文如何在较小宽度下排列，适合准备移动端设计讨论或复查响应式修改。",[14,18,19],{},"设备预设会协调视口与浏览器的设备模拟参数。结果来自浏览器模拟，不是在实体 iPhone 或 Android 手机上拍摄或测试的截图。",[14,21,22],{},"响应式 CSS、字体和延迟加载资源都可能影响画面。请确认输出标注的视口；触摸体验及平台特有问题仍需在真实设备上检查。",[10,24,25],{"id":25},"使用步骤",[27,28,29,33,36],"ol",{},[30,31,32],"li",{},"粘贴公开网址。",[30,34,35],{},"选择手机或平板预设和截图范围。",[30,37,38],{},"生成后查看布局，再下载。",[10,40,41],{"id":41},"继续完成任务",[14,43,44,49,50],{},[45,46,48],"a",{"href":47},"\u002Fzh\u002Fresponsive-screenshot-checker","同时检查多个宽度"," · ",[45,51,53],{"href":52},"\u002Fzh\u002Fguides\u002Ffull-page-screenshot-safari","Safari 截图说明",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58,59,60],{"id":12,"depth":56,"text":12},{"id":25,"depth":56,"text":25},{"id":41,"depth":56,"text":41},[62,65],{"question":63,"answer":64},"这是实体 iPhone 的截图吗？","不是。浏览器模拟与实体设备的渲染和交互可能存在差别。",{"question":66,"answer":67},"为什么手机版页面更长？","宽度变小时，文字增加换行，原来的多列也可能变成单列，从而增加页面高度。","mobile","tool","mobile-website-screenshot","zh",1793599001784]