使 Chrome 扩展弹出窗口透明

2024-05-14

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


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

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

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

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

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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使 Chrome 扩展弹出窗口透明 的相关文章

  • 将 Chrome 扩展上的权限移至可选

    我了解到 Chrome 在添加新权限时会禁用扩展程序 当我向扩展添加新功能时 我需要在permissions列表 现在我知道我应该使用optional permissions 我的问题是 如果我将网站列表从permissions to op
  • 当选项卡重新加载(chrome 扩展)时,如何运行此脚本?

    所以我想在指定 URL 中重新加载选项卡时运行脚本 它几乎可以工作 但实际上 id 不能 这是我的清单文件 manifest version 2 name Sample Extension description Sample Chrome
  • Chrome 扩展同步调用 - 仅在窗口关闭后创建窗口

    我有这个代码 function voteNewWindow mailNum chrome windows create url http www google com incognito true function window conso
  • 请解释与 Google Chrome 扩展程序的后台通信

    我已经阅读并重新阅读了此页面 并运行了示例 http code google com chrome extensions background pages html http code google com chrome extension
  • 是否可以在Chrome中查看jQuery添加的数据

    创建网站时我经常使用 jQuery data 向元素添加数据的函数 是否可以在 Chrome 中查看元素存储的所有数据 因此 当我检查一个元素时 它会在 Chrome 本身中显示数据 如果没有 是否可以编写一个插件来 扩展 到 Chrome
  • 如何为 pageAction 添加点击?

    第一次延期 请友善 我的目标是在用户访问来自特定域的页面时提供一个选项 以提供启动另一个页面的选项 该页面使用所访问页面的域名的一部分作为变量 下面的代码执行了我想要的操作 但它没有提供该操作作为选项 它只是执行 当访问与域匹配的页面时 它
  • 加密 Chrome 扩展程序?

    无论如何 要加密 Chrome 扩展程序 以免暴露源代码 您可以使用混淆器隐藏您的代码 市场上有很多可用的 像Google Closure编译器这样的工具很少 而且市场上有很多在线javascript ofuscators 你可以使用任何一
  • 从 Chrome 扩展程序中设置活动页面中的值活动输入

    I wrote an extension for Chrome I want when I click on button from my extension the value abc will be set into active in
  • 在 Chrome 扩展中使用页面的 Angular JS

    我有一个 HTML 页面 其中有一些使用 Angular 配置的 DOM 现在我正在构建一个 chrome 扩展来修改文本框中的值 element value newValue不起作用 因为文本框是用 Angular 设计的 在阅读了一些资
  • twitter bootstrap css 在 chrome 扩展中发生冲突

    我正在使用 bootstrap 来编写我正在编写的 chrome 扩展 当作为内容脚本导入时 CSS 似乎与我正在查看的许多网站发生冲突 即使在谷歌搜索结果页面中 想知道我是否可以做些什么来将其范围限制为我使用内容脚本注入的 dom 元素
  • Chrome 扩展程序中的后台脚本到底何时运行?

    在我的 chrome 扩展中 我有一个后台脚本 它将使用XMLHttpRequest note that this code is in the global scope i e outside of any function also n
  • 每个窗口都有单独的会话

    我正在尝试创建一个扩展 其中每个 Chrome 窗口都有自己的会话 我们之前使用过隐身模式 但问题是 虽然主窗口和隐身窗口有单独的会话 但会话在各个隐身窗口之间共享 有没有办法将 Chrome 配置为每次打开隐身窗口时使用单独的会话 您的目
  • Chrome 扩展:以编程方式检查元素和“复制 xpath”或“复制 css 路径”[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想知道是否可以以编程方式访问一个元素 比如说我悬停在其上的当前元素 并执行相当于右键单击它 转到 检查元素 在 元素 选项卡中选择它
  • 通过 chrome 扩展连接到 MetaMask

    我正在制作一个需要 MetaMask 身份验证的 Chrome 扩展 我开始将其开发为 Web 应用程序 但作为 Chrome 扩展 它无法检测 MetaMask 这是我现在的网络应用程序代码 function toggleButton c
  • 如何从 google chrome 主题运行 JS 代码

    Google Chrome 主题定义于Chrome 开发者文档 https developer chrome com extensions themes如下 主题是一种特殊的扩展 它改变了 浏览器看起来 主题像常规扩展一样打包 但他们 不包
  • 扩展程序后台页面内的 chrome.runtime.sendMessage

    我想在扩展程序后台页面内的组件之间使用 Chrome 消息传递 但它的工作原理很奇怪 这有效 chrome runtime onMessage addListener function request sender sendResponse
  • 通过 CLI 标志在隐身模式下启用 Chrome 扩展?

    我正在使用 selenium 来测试 chrome 扩展 部分扩展要求用户处于隐身模式 目前 除了添加参数之外 我还无法在启动时允许扩展程序处于隐身模式user data dir path to directory 这样做的问题是 它从我的
  • 为什么 chrome.devtools.network “未定义”?

    我正在尝试创建一个记录所有网络事件的扩展 这是代码 清单 json name My extension version 1 0 background scripts background js persistent true devtool
  • 禁用 Chrome 扩展中的“检查弹出”菜单项

    我想禁用我正在开发的扩展中的 检查弹出窗口 菜单选项 我怎样才能做到这一点 我现在可以这样做 因为我安装了一些禁用此选项的扩展 例如 klip me 的 发送到 Kindle The 检查弹出窗口 http developer chrome
  • Dart chrome 扩展:如何在 onMessage 中发送响应?

    现在我正在使用 Google 的 Dart 开发 Chrome 扩展 除了 onMessage 处理之外 一切正常 使用的 Chrome 包 API Ref http dart gde github io chrome dart ext O

随机推荐

  • Java 8 Stream,获取头部和尾部

    Java 8 引入了Stream http download java net jdk8 docs api java util stream Stream html类似于 Scala 的类Stream http www scala lang
  • 内联函数/方法

    声明 内联函数必须在调用之前定义 这个说法正确吗 EDIT 该问题最初是德语 内联功能穆森 弗 伊赫雷姆 奥夫鲁夫定义 sein 也许它对任何人都有帮助 是的 它是正确的 但只是部分正确 它可能正确地重新构建如下 内联函数必须在每个翻译单位
  • 如何在google Colab中渲染OpenAIgym? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在尝试在 Google Colab 中使用 OpenAI Gym 由于笔记本在远程服务器上运行 我无法渲染健身房的环境 我找到了一
  • 如何在 Angular 2 应用程序中使 DateAdapter 单例?

    我正在开发一个带有延迟加载模块的 Angular 7 应用程序 我也使用有角度的材料组件 我想在日期选择器组件中本地化并支持多个区域设置 当应用程序语言发生变化时 我想在整个应用程序中全局更改它 可以通过 DateAdapter setLo
  • 在 Shiny 应用程序中过滤数据时,长度为 1 的字符向量除了第一个元素之外的所有元素都将被忽略错误

    我有以下闪亮的应用程序 library shiny library rhandsontable library shinydashboard library ggplot2 library dplyr setwd C Users Marc
  • systemd 的“oneshot”和“simple”服务类型有什么区别?

    有什么区别systemd服务Type oneshot and simple This link https jason the graham com 2013 03 06 how to use systemd timers 状态使用simp
  • 创建 html 结构,每个 li 中仅允许 3 个 div 元素。在 React + underscore.js 中

    这是以下内容的位副本如何创建每个 li 中仅允许 3 个 div 元素的 html 结构 在 React underscore js 中 https stackoverflow com questions 38008023 how to c
  • 从三点求圆心的算法是什么?

    我在圆的圆周上有三个点 pt A A x A y pt B B x B y pt C C x C y 如何计算圆心 在Processing Java 中实现它 我找到了答案并实施了一个可行的解决方案 pt circleCenter pt A
  • 缺失的事件如何重播?

    我正在尝试了解有关 CQRS 和事件溯源 事件存储 的更多信息 我的理解是 在这种情况下通常不使用消息队列 总线 消息总线可用于促进微服务之间的通信 但它通常不专门用于 CQRS 然而 我目前的看法是 消息总线将非常有用 可以保证读取模型最
  • symfony2 FOSRestBundle 注释

    有人在控制器中使用过 put get post delete 注释 https github com FriendsOfSymfony FOSRestBundle blob master Controller Annotations 吗 我
  • Subversion 和 Visual Studio 项目的最佳实践

    我最近开始在 Visual Studio 中处理各种 C 项目 作为大型系统计划的一部分 该系统将用于替换我们当前的系统 该系统是由用 C 和 Perl 编写的各种程序和脚本拼凑而成的 我现在正在进行的项目已经达到了颠覆的临界点 我想知道什
  • Amazon S3:静态网站:自定义域或子域

    Amazon com 刚刚宣布可以在 S3 存储桶中托管静态网站 我访问了他们的设置页面http docs amazonwebservices com AmazonS3 latest dev index html WebsiteHostin
  • 将字节数组转换为托管结构

    更新 这个问题的答案帮助我编写了开源项目GitHub 上的 AlicanC 现代战争 2 工具 https github com AlicanC AlicanC s Modern Warfare 2 Tool 你可以看到我是如何阅读这些数据
  • SwiftUI - 从 NSObject 继承的 ObservableObject 在 iOS 13 中不会更新

    我知道 这是 无法在 iOS XX 中工作 问题之一 但我完全陷入困境 所以我有一个ObservableObject继承自的类NSObject 因为我需要听委托方法UISearchResultsUpdating class SearchBa
  • 在 JQuery ui 自动完成中显示图像

    我有一个带有 JQuery ui 自动完成功能的脚本 可以完美运行 有一个显示用户名字和姓氏的搜索过程 但在我的数据库中 还有用户的图片 我想将其显示在带有名字和姓氏的建议中 数据库中pic包含图片url 剧本 function searc
  • 按降序排序映射java8 [重复]

    这个问题在这里已经有答案了 private static
  • C 程序从连接到系统的 USB 设备读取数据

    我正在尝试从连接到系统 USB 端口的 USB 设备 例如随身碟 获取数据 在这里 我可以打开设备文件并读取一些随机原始数据 但我想获取像 minicom teraterm 这样的数据 请让我知道我可以使用哪些方法和库来成功完成此操作以及如
  • Qt 文件对话框默认后缀不起作用

    我将以下代码用于 QtQuick Dialogs 1 3 和 Qt 5 10 0 下 filedialog 的新属性 我使用 Qt Creator 5 10 默认套件构建它 import QtQuick 2 10 import QtQuic
  • 从多线程程序中调用 system()

    我们正在开发一个用 C 编写的多线程内存消耗应用程序 我们必须执行大量的 shellscript linux 命令 并获取返回码 读完之后article http www linuxprogrammingblog com threads a
  • 使 Chrome 扩展弹出窗口透明

    我正在写一个 chrome 扩展 我想知道是否有办法使弹出窗口透明 即即使弹出窗口覆盖当前页面 用户也可以看到当前页面的内容 谢谢你 昨天我想到了一个有趣的想法 虽然你不能删除白色背景 但你仍然可以mimic透明背景 这可以通过在打开弹出窗