尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

Chrome 整页截图插件安装与使用:免费开源,3 分钟把长网页变一张长图

Chrome 整页截图插件安装与使用:免费开源,3 分钟把长网页变一张长图 Chrome 整页截图插件安装与使用免费开源3 分钟把长网页变一张长图【免费下载链接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome项目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension周五晚十点你要把一篇四十多屏的在线课程讲义存下来复习。系统截图按了十几次手里多了十几张对不齐的图拼起来还像断片的电影。其实 Chrome 里有个免费开源的小插件Full Page Screen Capture点一下整页截图自动完成长网页直接变成一张完整长图。3 分钟装好整页截图插件安装与首次使用步骤全程不需要写代码照着做就行。打开终端运行下面这条命令把项目源码下载到本地git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension在地址栏输入chrome://extensions/并回车打开右上角的开发者模式开关。点击加载已解压的扩展程序选中刚下载的项目文件夹。打开任意想保存的网页点击工具栏的相机图标或按快捷键AltShiftP。等弹窗里的进度条走完成品长图会自动在新标签页打开。 小贴士命令只有一条复制粘贴即可加载成功后工具栏会出现一个相机小图标随时点都能用。图为整页截图进行时的提示窗口拍摄期间建议不要把鼠标悬停在页面上谁最需要它三类人的长网页存档方式整理课程资料的学生。在线讲义、实验报告往往既不能下载也不能打印。以前要一屏一屏截再慢慢拼图现在点一次图标从标题到参考文献整页落地离线复习直接翻图。收藏设计灵感的开发者与设计者。看到好用的网页布局和配色以前只能把几十个链接丢进收藏夹稍后看现在整页原样存成一张图布局、间距、细节都能随时对照。需要留档的职场人。企业系统里的报表、审批记录常常只能看不能存。一张整页长图就是最省事的存档方式日后追溯、汇报、交接都拿得出手。幕后四步一页网页如何被收进一张长图把它想成一台自动扫描仪你按下开始键它自己进纸、一段段扫过去、再装订成册你只管等它收工。具体拆成四步步骤幕后动作摸清家底先量出网页总高度和可视区大小算好一共要拍几段挪位拍照把页面滚到指定位置拍下当前画面并记下坐标对号贴块每段画面按坐标贴到同一张大画布上不漏缝也不重叠收工交片存成图片文件、在新标签页打开页面滚回你原来的位置项目本体很轻核心文件各司其职manifest.json插件的身份证只申请activeTab、storage、unlimitedStorage三项最小权限并注册快捷键page.js注入网页内部负责量尺寸和控制滚动api.js把各段画面贴到画布上、拼完整图、写入文件popup.htmlpopup.js进度条弹窗与流程调度没有常驻后台进程点一次才跑一次用完即走。图为整页截图完成后的成品整页内容合成一张长图在新标签页打开每个版本的改动都记录在 CHANGES.md 里这个项目从2012 年就开始持续更新了。用得更好实用技巧与常见疑问️ 拍摄时保持鼠标静止、别切标签页成片更干净⌨️ 默认快捷键AltShiftP可在chrome://extensions/底部改成你顺手的组合 页面过长、超出单张图上限时会自动拆成多张图分别打开不会截到一半报错↩️ 截完后页面自动滚回原来的阅读位置接着往下看不被打断 成品按screencapture-域名-时间戳.png命名在新标签页右键即可另存到本地Q进度条要跑多久中途能动吗普通页面一般十几秒内完成。期间保持鼠标静止、不切页即可走完长图自动打开。Q有的页面提示无法运行Chrome 商店这类特殊页面受浏览器安全策略保护脚本无法注入换个普通网页就能截。Q截好的图存在哪里图片以screencapture-域名-时间戳.png命名在新标签页里右键图片另存为存到本地任意位置。Q手机、平板能用吗目前面向桌面版 Chrome 及同内核浏览器如Edge、Brave移动端暂不支持。现在打开你手头那个最长的页面按下AltShiftP看它一次把整页收进一张长图。截图请用于个人学习与正当用途尊重原创者的版权。【免费下载链接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome项目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表