[{"data":1,"prerenderedAt":74},["ShallowReactive",2],{"document:zh:guides\u002Ffull-page-screenshot-chrome":3},{"title":4,"description":5,"body":6,"faqs":69,"tool":70,"kind":71,"slug":72,"locale":73},"Chrome 如何截取整页网页","使用桌面版 DevTools 保存视口之外的网页内容。",{"type":7,"value":8,"toc":63},"minimark",[9,13,26,44,47,50],[10,11,12],"h2",{"id":12},"打开截图控制",[14,15,16,20,23],"ol",{},[17,18,19],"li",{},"在桌面 Chrome 打开网页，选择浏览器菜单 → 更多工具 → 开发者工具。",[17,21,22],{},"点击切换设备工具栏，选择 Responsive 尺寸或设备预设。",[17,24,25],{},"打开设备工具栏的更多选项，选择 Capture a full size screenshot（完整尺寸截图）。",[27,28,29,30,37,38,43],"p",{},"Google 分别提供",[31,32,36],"a",{"href":33,"rel":34},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fdevtools\u002Fopen",[35],"nofollow","打开 DevTools","和",[31,39,42],{"href":40,"rel":41},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fdevtools\u002Fdevice-mode#screenshot",[35],"完整截图操作","的官方说明。同一菜单中的 Capture screenshot 只截取视口，请区分这两个选项。",[10,45,46],{"id":46},"检查宽度和页面末尾",[27,48,49],{},"先固定宽度，再截图，因为换行会改变页面长度。设备模式只是近似模拟移动端，不代表使用了实体手机。等待重要内容出现后，再检查保存图片底部。",[27,51,52,53,57,58,62],{},"也可使用",[31,54,56],{"href":55},"\u002Fzh\u002Ffull-page-screenshot","公开网址整页截图","。出现空白区块时，查看",[31,59,61],{"href":60},"\u002Fzh\u002Fguides\u002Ffix-blank-or-incomplete-screenshots","加载问题排查","。",{"title":64,"searchDepth":65,"depth":65,"links":66},"",2,[67,68],{"id":12,"depth":65,"text":12},{"id":46,"depth":65,"text":46},[],null,"guide","guides\u002Ffull-page-screenshot-chrome","zh",1793599001686]