2012-08-14 269 views
3

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

回答

1

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

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

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

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

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

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

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

+0

Intersting。我會採取更好的方式:放棄圖像,使其成爲真正的HTML內容,並使用CSS left和top來抵消它。您甚至可以監視頁面的更改以相應更新。 – Pacerier 2017-08-07 15:04:32

相關問題