使用html5/javascript截取整個屏幕的截圖？

Question

我期待通過瀏覽器窗口之外的網頁進行完整的截圖。基本上，我正嘗試爲基於網絡的應用程序和離線程序構建一個幫助工具，作爲其中的一部分，我希望能夠從網頁截取屏幕截圖，以便用戶不必下載程序即可截圖/上傳到我們的網站。

我知道這可能沒有解決方案，但如果有那麼棒！

乾杯提前

Answer 1

有辦法達到你想要做部分什麼。但是，知道它們確實需要用戶權限很重要。

你還問一個網頁是否可以在瀏覽器窗口之外截取屏幕截圖 - 這是一個巨大的隱私違反，我會建議不要實施任何違反這條路線的東西。對於你想要做的事情，最好是獲得用戶的同意。

如果你感興趣的是節省了用戶的時間，給用戶帶來更流暢的體驗，考慮這些選項中的一個或多個：

1. 可以使用的幾個JavaScript的插件/ API的一個允許用戶可以選擇他們在網頁上看到的部分內容，然後將其上傳至您。例如，您可以在YouTube上執行此操作。轉到youtube.com並滾動到頁面底部並點擊Help，然後點擊Send feedback。在這裏，您可以輸入文字以及「突出顯示」頁面部分並將它們發送到YouTube。爲了達到這樣的目的，看看html2canvas。

2. 讓您的用戶快速訪問Windows的Snipping Tool等工具的下載頁面。這樣，如果他們的機器上沒有它，至少他們不必去尋找它。

3. 從我處理客戶的經驗來看，他們中的很多人甚至不知道他們的機器上存在諸如Snipping Tool之類的東西。也許，指導用戶的FAQ或幫助部分將會很有用。

綜上所述，可以通過網頁，以「屏幕截圖」什麼是網頁本身，但沒有我所遇到的，可以讓你捕獲任何網絡以外的瀏覽器上下文。

Answer 2

這是明確不是可能只使用HTML5/JavaScript。你將不得不涉及一個瀏覽器插件，如Flash，一個Java applet或者一個Firefox插件。

注：我假設你的意思是採取整個監視器的屏幕截圖，而不僅僅是瀏覽器窗口。