एक स्क्रीनशॉट प्लगइन बनाना

Question

क्या किसी के पास फ़ायरफ़ॉक्स और/या क्रोम के लिए एक साधारण स्क्रीन कैप्चर प्लगइन बनाने पर एक अच्छा ट्यूटोरियल है?

Answer 1

फ़ायरफ़ॉक्स के बारे में कोई निश्चित नहीं है, लेकिन क्रोम एक्सटेंशन में आप chrome.tabs.captureVisibleTab() के साथ एक टैब कैप्चर कर सकते हैं, जो Data URI प्रारूप में छवि वापस कर देगा। उसके बाद यदि आवश्यक हो तो आप छवि को Canvas तत्व के साथ कुशलतापूर्वक उपयोग करने में सक्षम होंगे।

Answer 2

यहाँ Firefox के लिए एक टुकड़ा है कि कैसे क्रोम http://code.google.com/chrome/extensions/dev/samples.html#e1697cacebad05218798bf3e8a0f724517f0e8c3

Answer 3

के साथ ऐसा करने पर एक नमूना विस्तार नहीं है। आपके ओवरले में XUL जोड़ें:

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

फिर अपने ओवरले में जावास्क्रिप्ट, 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 के बारे में डेटा पढ़ें यूआरएल से एक nsiURI बनाने के लिए और फिर इसे स्थानीय रूप से जारी रखें।