1 使用chrome扩展程序
最简单快捷的方法是安装专门的截图扩展程序。
- 打开chrome网上应用店
- 搜索"滚动截图"或"full page screenshot"
- 选择评分高的扩展程序安装
- 点击扩展图标，选择"捕获整个页面"
- 等待自动滚动并生成完整截图
推荐扩展：gofullpage、awesome screenshot、fireshot
2 使用开发者工具
无需安装任何扩展，使用chrome内置功能。
- 按f12打开开发者工具
- 按ctrl shift p（mac: cmd shift p）
- 输入"screenshot"选择相关选项
- 选择"capture full size screenshot"
- 截图自动保存到下载文件夹
快捷键：ctrl shift p → screenshot → capture full size screenshot
3 使用移动设备模式
模拟移动设备进行响应式网页截图。
- 打开开发者工具（f12）
- 点击"toggle device toolbar"图标
- 选择设备型号或自定义尺寸
- 使用command菜单进行截图
- 获得移动端完整页面截图
4 高级技巧与设置
提升截图质量和效率的专业技巧。
- 调整缩放比例获得更高清截图
- 使用无痕模式避免干扰元素
- 禁用动画效果确保截图连贯
- 清理页面不必要的元素
- 使用css隐藏不需要的部分
/* 隐藏元素的css代码 */
.element-to-hide { display: none !important; }