使Chrome擴展彈出窗口透明

Question

我正在寫一個Chrome擴展。我想知道是否有辦法讓彈出窗口變爲透明，即用戶可以看到當前頁面的內容，即使是彈出窗口也可以看到它。謝謝！

Answer 1

似乎沒有辦法做到這一點。 Chrome默認爲白色的彈出式背景，除非您在擴展程序中更改它。

但是，Google確實提到了彈出窗口會調整其內容的大小。 http://developer.chrome.com/dev/extensions/browserAction.html#popups

Answer 2

一個有趣的想法來找我昨天心態，雖然你不能刪除白色背景，您仍然可以模仿透明背景。

這將通過在打開彈出窗口之前截取頁面的截圖並將其作爲彈出窗口的背景圖像來完成。 我不確定背景圖像位置計算將如何去，如果可能，但去試一試。

當然，你仍然會有彈出的白色邊框和箱形陰影，但它應該看起來還是挺不錯的。

注意，如果有彈出背後任何運動這一招可能無法正常工作好：

• 視頻/音頻播放器
• 圖像滑塊
• 廣告橫幅
• 自動更新新聞聯播（社交媒體）
• CSS動畫
• 等等......

獲取屏幕截圖使用captureVisibleTab從後臺腳本完成： https://developer.chrome.com/extensions/tabs#method-captureVisibleTab

您將使用消息或存儲在屏幕顯示圖像數據發送到彈出。