显示扩展程序中包含的HTML文件

Question

我创建了一个网站拦截器：在您访问已被阻止的网站后，浏览器会显示一个新的HTML页面，其中包含“＃34;网站已被屏蔽”的信息。新的HTML页面将作为 message.html 保存在我的Chrome扩展程序中。有没有办法在浏览器中显示 message.html ？如果没有，我只会使用内容脚本来注入一些JavaScript。

Answer 1

更新标签以显示 message.html

假设以下所有情况均属实：

• 您是从在后台环境中运行的脚本执行此操作。
• 您想要更新现有标签以显示 message.html
• 您要更新的ID标签是tabId。
• 您的 message.html 与 manifest.json 位于同一目录中。

您可以执行以下操作：使用chrome.tabs.update()（Firefox docs）更改包含tabId中所含ID的标签，以显示 message.html ：

chrome.tabs.update(tabId ,{url:'/message.html'});

或

chrome.tabs.update(tabId ,{url:chrome.runtime.getURL('/message.html'}));

如果要更改活动窗口中当前选定的选项卡，则不需要tabId，您可以省略该参数。

创建一个标签以显示 message.html

假设以下所有情况均属实：

• 您是从在后台环境中运行的脚本执行此操作。
• 您想要创建一个新标签来显示 message.html
• 您的 message.html 与 manifest.json 位于同一目录中。

您可以使用chrome.tabs.create()（Firefox docs）创建新标签，以显示 message.html ：

chrome.tabs.create({url:'/message.html'});

或

chrome.tabs.create({url:chrome.runtime.getURL('/message.html'}));

在新窗口中打开 message.html

假设以下所有情况均属实：

• 您是从在后台环境中运行的脚本执行此操作。
• 您想要创建一个新窗口以显示 message.html
• 您的 message.html 与 manifest.json 位于同一目录中。

您可以使用chrome.windows.create()（Firefox docs）打开一个新窗口以显示 message.html ：

chrome.windows.create({url:'/message.html'});

或

chrome.windows.create({url:chrome.runtime.getURL('/message.html'}));