我正在寫一個Chrome擴展。我想知道是否有辦法讓彈出窗口變爲透明,即用戶可以看到當前頁面的內容,即使是彈出窗口也可以看到它。謝謝!使Chrome擴展彈出窗口透明
3
A
回答
0
似乎沒有辦法做到這一點。 Chrome默認爲白色的彈出式背景,除非您在擴展程序中更改它。
但是,Google確實提到了彈出窗口會調整其內容的大小。 http://developer.chrome.com/dev/extensions/browserAction.html#popups
1
一個有趣的想法來找我昨天心態,雖然你不能刪除白色背景,您仍然可以模仿透明背景。
這將通過在打開彈出窗口之前截取頁面的截圖並將其作爲彈出窗口的背景圖像來完成。 我不確定背景圖像位置計算將如何去,如果可能,但去試一試。
當然,你仍然會有彈出的白色邊框和箱形陰影,但它應該看起來還是挺不錯的。
注意,如果有彈出背後任何運動這一招可能無法正常工作好:
- 視頻/音頻播放器
- 圖像滑塊
- 廣告橫幅
- 自動更新新聞聯播(社交媒體)
- CSS動畫
- 等等......
獲取屏幕截圖使用captureVisibleTab
從後臺腳本完成: https://developer.chrome.com/extensions/tabs#method-captureVisibleTab
您將使用消息或存儲在屏幕顯示圖像數據發送到彈出。
相關問題
- 1. Chrome擴展 - 更改彈出窗口
- 2. Chrome擴展彈出
- 3. 彈出窗口和透明的桌面
- 4. Chrome擴展程序:檢測彈出窗口關閉
- 5. 動態調整Chrome擴展彈出窗口高度
- 6. Chrome擴展中的日曆彈出窗口的問題
- 7. 彈出窗口和背景Chrome擴展之間的工作
- 8. Google Chrome擴展程序創建的關閉彈出窗口
- 9. Chrome擴展程序在打開彈出窗口時損壞
- 10. Chrome擴展程序:將變量傳遞給彈出窗口
- 11. Chrome擴展程序 - 從彈出窗口執行簡單的JavaScript
- 12. 在Chrome擴展的彈出窗口的上下文菜單
- 13. 在Chrome擴展彈出窗口中獲取DOM?
- 14. Chrome擴展程序:打開新彈出窗口
- 15. Google Chrome瀏覽器擴展:彈出式窗口未關閉
- 16. Chrome擴展可以創建彈出窗口嗎?
- 17. 如何縮小Chrome擴展的彈出窗口
- 18. Chrome擴展程序:iframe和彈出窗口之間的通信
- 19. Chrome擴展彈出窗口,302,301重定向django身份驗證
- 20. 鉻擴展,彈出窗口的高度
- 21. Chrome擴展按鈕,彈出
- 22. Chrome擴展:沒有彈出
- 23. Firefox擴展彈出式菜單:關閉彈出窗口不是窗口
- 24. Safari擴展顯示彈出窗口不同窗口
- 25. 使用擴展名顯示帶地址欄的Chrome彈出窗口
- 26. 如何在Chrome擴展程序彈出窗口中使演講webkit工作?
- 27. 在Chrome擴展彈出窗口中使用__MSG _ @@ extension_id__與jQuery創建鏈接
- 28. 使用@ angular/cli構建Chrome擴展彈出窗口,選項和背景
- 29. 使用jQuery顯示在Chrome擴展程序彈出窗口中隱藏div
- 30. 使非彈出式窗口在mfc中透明
Intersting。我會採取更好的方式:放棄圖像,使其成爲真正的HTML內容,並使用CSS left和top來抵消它。您甚至可以監視頁面的更改以相應更新。 – Pacerier 2017-08-07 15:04:32