Javascript 如何从Chrome扩展中的弹出窗口访问背景页中的对象

Javascript 如何从Chrome扩展中的弹出窗口访问背景页中的对象,javascript,google-chrome,google-chrome-extension,Javascript,Google Chrome,Google Chrome Extension,在我正在开发的Chrome扩展中,我希望在单击弹出窗口时访问在后台页面中创建和维护的数据结构。不幸的是,我对Javascript和Chrome扩展开发还不熟悉,你能告诉我怎么做吗?这是否涉及弹出窗口和后台页面之间的消息传递? 谢谢。您可以这样编写三个文件,从popup.html访问background.html中的数据结构: 编辑:有关chrome扩展中的消息传递,请参见以下函数 这是一个有用的描述: //in popup.html <script type="text/java

在我正在开发的Chrome扩展中,我希望在单击弹出窗口时访问在后台页面中创建和维护的数据结构。不幸的是,我对Javascript和Chrome扩展开发还不熟悉,你能告诉我怎么做吗?这是否涉及弹出窗口和后台页面之间的消息传递?
谢谢。

您可以这样编写三个文件,从popup.html访问background.html中的数据结构:



编辑:有关chrome扩展中的消息传递,请参见以下函数

这是一个有用的描述:

//in popup.html
<script type="text/javascript" src="mainscript.js"></script>
<!-- JavaScript and HTML must be in separate files for security. -->
//in mainscript.js
chrome.extension.getBackgroundPage().data = 'your data';
//in background.html
<script type="text/javascript">
var data;
</script>
....
,
"background_page": "background.html",
"page_action": {
    "default_icon": "your_icon.ico",
    "default_title": "Your title",
    "default_popup": "popup.html"
  },
....