Chrome 扩展中的面板

Question

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

Answer 1

1. 您可以将html 注入到要显示html 的tab 中。查看这个答案如何注入html：

   Inject HTML into a page from a content script

2. 使用您自己的css 作为content script 来定位您的元素。

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