使 Chrome 扩展程序弹出窗口透明



我正在编写一个chrome扩展。我想知道是否有办法使弹出窗口透明,即即使弹出窗口覆盖了当前页面,用户也可以看到当前页面的内容。谢谢!

昨天我想到了一个有趣的想法,虽然你不能去除白色背景,但你仍然可以模仿透明背景。

这将通过在打开弹出窗口之前截取页面屏幕截图并将其作为弹出窗口的背景图像来完成。我不确定背景图像位置计算将如何进行,如果可能的话,但请尝试一下。

当然,您仍然会有弹出窗口的白色边框和框阴影,但它仍然应该看起来相当不错。

请注意,如果弹出窗口后面有任何移动,则此技巧可能不起作用,如下所示:

  • 视频/音频播放器
  • 图像滑块
  • 广告横幅
  • 自动更新新闻提要(社交媒体)
  • CSS 动画
  • 所以...

截取屏幕截图是使用后台脚本中的captureVisibleTab完成的:https://developer.chrome.com/docs/extensions/reference/tabs/#method-captureVisibleTab

您将使用消息或存储将屏幕截图图像数据发送到弹出窗口。

似乎没有办法做到这一点。Chrome 默认为白色弹出式背景,除非您在扩展程序中对其进行更改。

但是,Google确实提到弹出窗口将调整其内容的大小。http://developer.chrome.com/dev/extensions/browserAction.html#popups

最新更新