創建一個屏幕截圖插件

Question

有沒有人有一個很好的教程，爲Firefox和/或Chrome創建一個簡單的屏幕截圖插件？

Answer 1

不確定關於Firefox，但在Chrome擴展中，您可以捕獲chrome.tabs.captureVisibleTab()的選項卡，該選項卡將以Data URI格式返回圖像。之後，如果需要，您可以使用Canvas元素操作圖像。

Answer 2

有一個關於如何使用Chrome的http://code.google.com/chrome/extensions/dev/samples.html#e1697cacebad05218798bf3e8a0f724517f0e8c3

Answer 3

做到這一點的樣本擴展下面是Firefox的一個片段。在您的覆蓋XUL補充：

<html:canvas id="my-canvas" style="display: none;" /> 

然後在你覆蓋的javascript，listen for new document loads這個片段將截圖保存到一個文件：

var canvas = document.getElementById('my-canvas'); 
    var context = canvas.getContext('2d'); 

    //Find the window dimensions 
    canvas.height = doc.defaultView.innerHeight; //doc is the content document that you listened for 
    canvas.width = doc.defaultView.innerWidth; 

    context.drawWindow(doc.defaultView, 0, 0, canvas.width, canvas.height, "rgba(0,0,0,0)"); 

    //Create a data url from the canvas 
    var dataUrl = canvas.toDataURL("image/png"); 

閱讀有關nsiIOService和nsiWebBrowserPersist從傳輸數據的URL創建一個nsiURI然後在本地堅持。