使用Chrome扩展程序获取整页屏幕截图

时间:2011-11-28 22:30:07

标签: google-chrome google-chrome-extension

是否可以在Chrome扩展程序中捕获完整页面的屏幕截图,包括屏幕下方的内容?

captureVisibleTab似乎仅限于可见区域内显示的内容。

6 个答案:

答案 0 :(得分:3)

标准方法似乎是滚动页面并捕获每个部分的屏幕截图,然后将它们粘在一起。官方的谷歌屏幕捕获插件可以做到这一点,但我发现它是错误的(至少在Mac OSX上),所以我写了自己的full page screen capture extension

源代码here(page.js和popup.js中的相关代码)。

答案 1 :(得分:2)

在Mac上,虽然不是Chrome扩展程序,但您可以使用以下AppleScript自动执行此处的过程:

https://zapier.com/blog/full-page-screenshots-in-chrome/

tell application "Google Chrome" to activate
  tell application "System Events"
  keystroke "i" using {option down, command down}
  delay 0.3
  keystroke "p" using {shift down, command down}
  delay 0.3
  keystroke "Full"
  delay 0.5
  key code 76
end tell

打开ScriptEditor并粘贴该脚本。将其保存为本地所需的文件。当您通过在ScriptEditor中按播放来运行它时,它会自动将活动标签的完整屏幕截图保存到您的下载文件夹。

答案 2 :(得分:1)

除非您使用Flash或NPAPI,否则您只能通过captureVisibleTab捕获可见页面。

答案 3 :(得分:1)

Chrome 59在DevTools中添加了一项名为Capture full-size screenshot的新功能。但我不知道这个API是否可以被扩展名调用。

答案 4 :(得分:0)

我一直试图解决这个问题,因为Chrome 59具有您提到的功能。我试过滚动& MrColes实施了针法,但不幸的是,它不能很好地满足我的需求,因为当您滚动并破坏捕获时,某些广告会跟随您。

经历了一套镀铬扩展程序(看看是否有人正在正确地执行此操作),我发现FireShot实际上工作正常(所以我希望可以这样做)。如果我找到解决方案,或者如果有人有任何想法,请在此处更新,请随时加入!

答案 5 :(得分:-1)

对于我来说,Ctrl +窗口切换键组合是我可以在Chrome笔记本上截图的最佳方式。

关于扩展,我在Awesome Screenshot上回复,对我来说效果很好。这台机器上还有take a screenshot的更多选项!

干杯!