javascript - Chrome 扩展中的面板

标签 javascript html google-chrome-extension

我正在研究 Chrome 扩展程序。我在 Chrome 开发人员中阅读了很多内容,但没有结果。我的想法是加载一个 html 文件到右下浏览器面板(或我喜欢的任何位置)来显示视频。我不能使用弹出窗口,因为如果我单击任何地方它就会消失。 除了弹出窗口、菜单栏上的按钮之外,如何在 Chrome 浏览器中创建面板?

最佳答案

  1. 您可以在要显示 html 的 tab 中注入(inject) html。请参阅此答案如何注入(inject) html :

    Inject HTML into a page from a content script

  2. 使用您自己的 css 作为内容脚本来定位您的元素。

  3. 我假设您将从外部服务器加载的 html 中显示视频。但是 Chrome 扩展不允许您在 html 中引用外部资源。因此,您需要下载响应类型 blob 的视频,然后使用 window.URL.createObjectURL 将视频元素的 src 设置为此 blob

关于javascript - Chrome 扩展中的面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33118309/

相关文章:

javascript - 自动完成 jQueryUI 出现在 IE 中可见屏幕的下边缘下方

javascript - 将 Firebase 读/写访问权限仅限于我自己

javascript - chrome 扩展中不存在 chrome.runtime.onConnect

javascript - Chrome 扩展程序 : Is there a way to trigger functions depending on the Url being visited?

javascript - 如何在 Skype Web SDK 中授权

javascript - 通过html标签数据属性动态加载js、css文件

javascript - 定期刷新 jQuery 中的 <img>

jquery - 表大小差异

javascript - 显示可用图像

javascript - 如何在 Chrome 扩展内容脚本中获取错误堆栈跟踪?