如何滚动截屏长图?手把手教你

第一步:下载 Chrome 插件

需要下载滚动截屏所需的插件

第二步:解压 zip 包

下载好插件后,对 .zip 包进行解压,解压后文件夹里面有个 .crx 后缀的离线安装包,大致如下图所示:

第三步:打开扩展程序管理菜单

接下来,打开 chrome 浏览器的扩展程序管理菜单,有两种方式:

第一种:

依次点击:右上角三个点 -> 更多工具 -> 扩展程序:

第二种

或者在浏览器的地址栏中输入 chrome://extensions/, 然后回车也行:

勾选开发者模式

安装前,一定要将开发者模式勾选上,如下图:

注意: 不勾选开发者模式是安装不上插件的。

第四步:开始安装(两种方式)

接下来,就是重头戏了,开始安装离线安装包,这里有两种方式:

1、拖动安装(推荐)

将 .crx 安装包直接拖入 Chrome 浏览器中,即可完成安装:

这时会弹出对话框,点击 添加拓展程序 按钮,等待插件安装成功:

2、暴力安装

如果你拖入安装包后没有任何反应,或者出现下面错误:

程序包无效 CRX_HEADER_INVALID

chrome插件安装出现错误

出现这种情况,说明你要安装的插件长时间没有更新,或者被 Chrome 应用商店下架了。

若你真的想要安装该插件,可以将下载的 .crx 安装包后缀改成 .zip;

改完以后,大概如下图:

将 .crx 后缀安装包改成 .zip 安装包

然后再将 .zip 安装包直接拖入 chrome 浏览器即可,注意手动打开该插件的开关。

PS: 部分 Windows 用户可能自动隐藏了文件后缀名,需要自己手动修改,让文件后缀显示出来。小伙伴们可自行百度 Windows 系统如何显示文件扩展名。

如何验证 Chrome 插件是否安装成功?

安装完成后,在 chrome 浏览器的扩展程序管理界面,查看当前已安装的 Chrome 插件列表,即可看到刚刚安装的插件。

第五步:如何使用?

点击扩展插件后,不要操作,等个一会后就会自动将你当前的网站截图并保存到你本地了。

因为图片有点大,我就压缩了一下再贴在下面的,可能会不太清楚。原图还是比较清晰的

相关推荐
叶庭云8 小时前
一文理解在 VSCode 中成功使用 Claude Code 插件
vscode·插件·api key·vibe coding·claude code·base url·coding agent
winfredzhang3 天前
从零构建:手写一个支持“高度定制化排版”的 Chrome 网页摘录插件
chrome·pdf·插件·epub·零碎信息归档
liuzhilongDBA5 天前
论文精读|插件无政府状态
插件·兼容性·postgres
随风飘摇的土木狗12 天前
【MATLAB第121期】基于MATLAB的sobol、lhs等17种方法数据抽样插件(含UI界面)
matlab·插件·采样·lhs·数据抽样
梁萌19 天前
idea使用AI插件(CodeGeeX)
java·ide·ai·intellij-idea·插件·codegeex
l1t25 天前
PostgreSQL pg_clickhouse插件的安装和使用
数据库·clickhouse·postgresql·插件
狼性书生1 个月前
uniapp实现的时间范围选择器组件
前端·uni-app·vue·组件·插件
G皮T1 个月前
【Elasticsearch】大慢查询隔离(二):选择插件
大数据·elasticsearch·搜索引擎·全文检索·插件·性能·查询
sean9081 个月前
Firefox 安装非市场的插件
firefox·插件·市场