全滚动截图 CHROME EXTENSION答案

【问题标题】：Full scroll screenshot CHROME EXTENSION全滚动截图 CHROME EXTENSION
【发布时间】：2020-09-08 10:00:01
【问题描述】：

我想在我的 chrome 扩展程序中捕获整页滚动屏幕截图。我使用下面的代码，但它只捕获我在屏幕上看到的内容，但我想捕获完整的滚动页面。有人能帮助我吗？提前致谢。

background.js：

  chrome.tabs.captureVisibleTab(null, null, function(dataUrl) {  
})

【问题讨论】：

【解决方案1】：

从应用商店下载屏幕截图，然后按照说明操作：第1步：前往 Chrome 网上应用店并在搜索框中搜索“截屏”。

第 2 步：选择“Screen Capture (by Google)”扩展并安装它。

第 3 步：安装完成后，点击 Chrome 工具栏上的截屏按钮，选择截取整页或使用键盘快捷键 Ctrl+Alt+H。

第 4 步：您会看到 Chrome 向下滚动以捕获整个页面，完成后，网页上方将显示一个选项栏，允许注释、共享和保存捕获。

【讨论】：

【解决方案2】：

请在标签前添加以下脚本

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js"></script>

并包括这个：

FileSaver.js

html2canvas(document.body, {onrendered: function(canvas){canvas.toBlob(function(blob){ saveAs(blob, "wholePage.png");});}});

【讨论】：