Chrome 截取 整个网页(全页截图 非滚动手动截图)

  1. (Mac 是 Command + Option + I)打开开发者工具窗口

  2. 再按 Ctrl + Shift + P (Mac 是 Command + Shift + P)打开命令输入框

  3. 输入 screenshot

  4. 选择

    • Capture full size screenshot → 全页截图

    • Capture screenshot → 当前可见部分截图

    • Capture area screenshot → 自定义拖选区域截图

    • Capture node screenshot → 只截选中元素

操作 Windows/Linux macOS
打开 DevTools Ctrl + Shift + IF12 Command + Option + I
打开命令面板 Ctrl + Shift + P Command + Shift + P
输入截图命令 输入 screenshot 同上
自动保存全页截图 Capture full size screenshot 同上
  • 全页截图会 捕获整个 HTML 内容(包括超出可见区域的部分),非常适合保存长文章、滚动页面等内容

  • 如果你经常截图,可以用扩展插件比如 "GoFullPage"、"Full Page Screenshot" 这类工具更方便,一键生成整页图

  • 和操作系统普通截图不同,这个 不会截取浏览器 UI(地址栏等),只包含网页内容。

  • 这个方法适合把一些截图比较多的文章作为promot输入给ai,还是挺实用的

相关推荐
光影少年4 分钟前
如何进行前端性能优化?
前端·性能优化
Dxy123931021611 分钟前
js如何把字符串转数字
开发语言·前端·javascript
爱写bug的野原新之助19 分钟前
爬虫之补环境:加载原型链
前端·javascript·爬虫
陈广亮27 分钟前
工具指南7-Unix时间戳转换工具
前端
NGBQ1213834 分钟前
Adobe-Premiere-Pro-2026-26.0.2.2-m0nkrus 全解析:专业视频编辑软件深度指南
前端·adobe·音视频
北城笑笑35 分钟前
Chrome:Paused in debugger 的踩坑实录:问题排查全过程与终极解决方案( 在调试器中暂停 )
前端·chrome
haorooms37 分钟前
Promise.try () 完全指南
前端·javascript
kyriewen38 分钟前
闭包:那个“赖着不走”的家伙,到底有什么用?
前端·javascript·ecmascript 6
斌味代码41 分钟前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js
该怎么办呢42 分钟前
cesium核心代码学习-01项目目录及其基本作用
前端·3d·源码·webgl·cesium·webgis