作为静态服务器的Chrome扩展

Question

我想做一个chrome扩展，它只提供来自定义目录的静态内容。与往常一样，静态目录将位于扩展存储库中。

我希望分机在一个完整的选项卡中打开。例如，我的脂猴扩展opena选项卡带有一个以chrome-extension://开头的url。这个选项卡就是阻止我的这个要求。

有人知道这样一个插件的例子吗？在一个新的选项卡扩展中的hello世界将满足我的需要。

Answer 1

选项卡中的扩展页

这很容易实现:您所要做的就是创建一个包含page.html以及相对的JavaScript和CSS文件的文件夹的基本扩展；然后您可以使用API创建一个新的选项卡并在其中显示page.html。

实现

按照这些步骤，您将能够打开一个新的选项卡，其中包含一个托管在扩展文件夹中的页面，其中包含一个类似于chrome-extension://<id>/page/page.html的URL。

1. 为要显示的清单、背景和页创建扩展名和相关文件。然后，扩展的目录应该如下所示： - background.js - manifest.json -：- page.html - page.js - page.css
2. 创建一个简单的manifest.json文件，声明后台页面： { "manifest_version"：2，“名称”：“一些测试”，“版本”："0"，“背景”：{“脚本”："/background.js“}
3. 创建background.js脚本，您将在其中创建选项卡： chrome.tabs.create({url："/page/page.html"})；
4. 创建page.html文件，它只是一个普通的html页面：
5. 创建page.js脚本，它将在您的page.html中运行，在那里您可以做任何您想做的事情： 变量h= document.createElement('h1')；h.textContent = 'Hello！‘；document.body.appendChild(h)；

结果

上述情况的结果如下：

​

​