Ekran Görüntüsü Eklentisi Oluşturma

Question

Firefox ve/veya Chrome için basit bir ekran yakalama eklentisi oluşturma konusunda iyi bir öğretici var mı?

Answer 1

Firefox hakkında emin değilsiniz, ancak Chrome uzantısında chrome.tabs.captureVisibleTab() ile bir sekme yakalayabilirsiniz; bu resim Data URI biçiminde döndürür. Bundan sonra gerekiyorsa, görüntüyü Canvas elemanıyla değiştirebilirsiniz.

Answer 2

Chrome http://code.google.com/chrome/extensions/dev/samples.html#e1697cacebad05218798bf3e8a0f724517f0e8c3

Answer 3

ile bunun nasıl bir örnek uzantısı İşte Firefox için bir parçacık İşte var. Bindirmenizi olarak XUL ekleyin: Sonra

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

Bindirmenizi içinde javascript listen for new document loads ve bu pasajı bir dosyaya ekran görüntüsünü kaydeder: Veri URL'den bir nsiURI oluşturmak için

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"); 

Oku nsiIOService ve nsiWebBrowserPersist hakkında ve sonra yerel olarak devam edin.