如何調用Chrome擴展（Full Page Screen Capture）或360browser的屏幕截圖

Question

我想將整個網頁保存爲圖像或PDF。

• 我試過使用html2canvas但它不支持iframe元素。
• 我試圖使用phantomjs，但它在Windows Server 2003操作系統中不起作用。

我通常使用360瀏覽器的插件和Google Chrome的全頁面屏幕截圖。

如何使用JavaScript調用Chrome插件？

Answer 1

可以使用Full Page Screen Capture擴展。

關於調用此擴展的javascript： 據我所知externally_connectable是呼叫分機或從網頁（使用JavaScript）提到here發送消息（可能與數據）的唯一官方途徑。

如果擴展名不支持爲externally_connectable，則需要編輯擴展名併爲要與其集成的每個域添加預定義的值。

如果是這樣，我們可以用一種變通方法發揮的情況下與任何網站集成（而不是定義任何域）

如果你只是想通知對方（擴展）的一些事情，你可以使用原生JS Event將文檔從一側（網頁）調度到文檔，並在文檔在擴展內容腳本頁面和網頁之間共享的同時從另一側（擴展名）在文檔處監聽。

不能使用JS CustomEvent發送數據，每次發送數據時，您會收到已空的任何擴展的sandbox effect結果。

如果你想共享數據（可能會採取的截圖時滾動的限制），所以我知道至今爲止唯一的解決辦法是有某種存儲和JS native Event機制之間的組合。

步驟的解決方案（假設你需要的網頁打電話和發一些數據擴展）：

1. 上document從網頁製作的事件。

2. 保存你喜歡 的任何存儲技術的內部臨時數據（本地存儲，在DOM本身，或什麼都..）

3. 編輯擴展，並添加事件偵聽器來接收在另一側的事件（擴展）通過聽文件。
4. 讀取數據並將其刪除。