在Google Chrome扩展程序中显示背景页面

时间:2012-03-11 20:05:31

标签: google-chrome google-chrome-extension

我的Google Chrome扩展程序中有background-page,此页面自然不可见。无论如何都可以使这个隐藏页面可见,例如在点击浏览器操作图标时弹出窗口?然后再次点击再次隐藏它。

3 个答案:

答案 0 :(得分:6)

可以使用chrome.tabs.create方法显示背景页面,该方法需要tabs permission。例如,如果您的后台页面被称为background.html,则可以使用以下代码:

chrome.tabs.create({url: chrome.extension.getURL('background.html')});

另见:

答案 1 :(得分:0)

您可以在backround_page popup中打开browserAction。然而,它将是background_page的新实例。一个是弹出窗口,而它是开放的,长时间看不见的是背景。​​

答案 2 :(得分:0)

在您的扩展程序中&#39;弹出页面,添加一个JS实用程序chrome.runtime.getBackgroundPage(callback)。将后台页面的<html>元素设为id,然后使用window.getElementById("myBackgroundPageHTMLElementId")

例如,您的回调可能如下所示:

document.getElementById("myPopupHTMLElementId").outerHTML = backgroundWindow.getElementById("myBackgroundPageHTMLElementId").outerHTML

此JS脚本完成后,弹出页面的HTML元素将完全替换为后台页面(直到您重新加载)!这意味着即使在HTML元素上的所有属性也都设置为后台页面的版本。

希望这有帮助!