有沒有人有一個很好的教程,爲Firefox和/或Chrome創建一個簡單的屏幕截圖插件?創建一個屏幕截圖插件
5
A
回答
1
不確定關於Firefox,但在Chrome擴展中,您可以捕獲chrome.tabs.captureVisibleTab()
的選項卡,該選項卡將以Data URI格式返回圖像。之後,如果需要,您可以使用Canvas元素操作圖像。
2
5
做到這一點的樣本擴展下面是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然後在本地堅持。
相關問題
- 1. 創建全景控制屏幕截圖
- 2. 以整個屏幕的屏幕截圖
- 3. 一個視圖的iPhone屏幕截圖
- 4. 屏幕截圖
- 5. 拍一個java applet的「屏幕截圖」
- 6. 截取屏幕截圖
- 7. C++截取屏幕截圖
- 8. 在後臺線程中創建WPF控件的屏幕截圖
- 9. CasperJS屏幕截圖給出了一個空白屏幕
- 10. iPhone:屏幕截圖
- 11. Webdriver屏幕截圖
- 12. ASP.NET屏幕截圖
- 13. C++屏幕截圖
- 14. iPhone屏幕截圖
- 15. Roku屏幕截圖
- 16. 點擊一個按鈕創建網頁的圖片/ pdf /屏幕截圖
- 17. 屏幕截圖按住屏幕截圖時卡住
- 18. 以當前屏幕的屏幕截圖
- 19. 試圖創建演示GIF - 如何獲取屏幕截圖?
- 20. 創建和刪除圖片/屏幕截圖
- 21. 從Twitch流創建屏幕截圖/圖片
- 22. 從Python腳本創建多視圖Paraview屏幕截圖
- 23. 創建一部分屏幕的圖像?
- 24. osx上的屏幕截圖
- 25. iOS屏幕截圖延遲
- 26. Android設備屏幕截圖
- 27. 跨平臺屏幕截圖
- 28. 窗口的屏幕截圖
- 29. 屏幕截圖的C++ CLI
- 30. 瀏覽器屏幕截圖
一些示例代碼可以幫助你找到https://addons.mozilla.org/en-us/firefox/addon/tab-preview/ – MatrixFrog 2011-06-05 23:30:06