2011-11-17 54 views
0

我想使用動態創建的選項創建選項頁面。如何在Chrome擴展中創建動態選項頁面

我正在使用我的內容腳本從網頁的源代碼中提取一些數據,並希望將數據顯示在選項頁面中。我怎樣才能將這些數據發送到我的選項頁面?

我在內容腳本中使用了localStorage但在選項頁面中無法訪問。

localStorage可以在後臺頁面和內容腳本中訪問(如果在選項頁面中創建的話)。但如果我在內容腳本中創建它,則無法在選項頁面中訪問它。

我該怎麼做?

回答

1

我已經得到了解決方案。

我剛剛提取了我的內容腳本中的數據,然後,我通過我的background_page進行通信,並在Message Passing的幫助下將數據發送到background_page。在我的background_page中,我將數據存儲在可在我的「選項」頁面中訪問的localStorage中。有點棘手,但成功地工作。

4

由於頁面不共享資源,你需要使用這樣的:

http://code.google.com/chrome/extensions/messaging.html

從中報價:

擴展及其內容的腳本之間的通信使用的消息傳遞的工作原理是 。任何一方都可以偵聽從另一端發送的消息 ,並在同一個頻道上響應。一條消息可以包含任何有效的JSON對象(空,布爾,數字,字符串,數組或 對象) 。有一個簡單的API用於一次性請求和一個更復雜的API,它允許您使用長期連接來交換具有共享上下文的多個消息。如果您知道其ID爲 的交叉擴展消息部分中包含該消息,則也可以向其他分機發送消息 。