我可以创建Chrome扩展程序或Firefox插件来拍摄网页的屏幕截图吗?

时间:2012-02-19 21:28:38

标签: javascript sql google-chrome-extension firefox-addon webpage-screenshot

我是一名网站开发人员/有抱负的网页设计师,负责查看很多网页设计示例。虽然我给它们加了书签,但文字链接对我来说是一种非常糟糕的方式来跟踪我喜欢的设计。我打算创建自己的书签应用程序,该应用程序将使用Chrome扩展程序/ Firefox插件向浏览器添加自定义书签按钮。单击时,该按钮会弹出一个对话框,允许我拍摄当前网页的屏幕截图,然后将它们直接上传到我的网站,并修改那里的sql数据库,包括对新图像文件的引用,网站名称,网站链接和标签列表。理想情况下,我想创建一个Chrome扩展程序和一个Firefox插件来实现这一点,因为我在开发过程中在两个浏览器之间跳转。理想情况下,我希望能够在浏览器窗口中显示截图。

是否可以创建Chrome扩展程序/ Firefox插件,其中包含当前页面的屏幕截图?我可以指定页面的一部分来裁剪我正在保存的图像吗?

2 个答案:

答案 0 :(得分:3)

您可以使用chrome.tabs.captureVisibleTabHTML5 canvas来实现这一目标。

答案 1 :(得分:1)

谷歌开发的Google Chrome扩展程序可以实现这一目标:https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg

由于它是开源的,你可以尝试破解它并使其“保存到数据库”。

来源可供参考:http://code.google.com/p/chrome-screen-capture/