網頁和Chrome擴展程序的localStorage不同

Question

我正在嘗試從我的Chrome擴展程序的background.js文件訪問localStorage對象。 常規網頁上的localStorage對象向我顯示了來自不同網頁的項目（包括我感興趣的項目），但是我從background.js或popup.js訪問的popup.js為空。 如何從Chrome擴展程序訪問常規的localStorage （帶有由另一個網頁設置的項目）？

Answer 1

localStorage對象是相對於“本地環境”的，這意味着http://www.google.com上的localStorage對象與http://stackoverflow.com上的localStorage對象完全不同 ，並且顯然與擴展程序的背景頁面中的一個。

鑒於此，如果要在擴展程序中存儲內容，則需要在后台頁面 （而不是要向其注入內容腳本的某些網站的頁面）中使用localStorage對象。

如果要訪問網頁的localStorage ，則必須在其上發送內容腳本，檢索localStorage對象，然后將其與消息一起發送到background.js腳本（請參閱chrome擴展消息傳遞 ）。

有關MDN上localStorage文檔： 此處 。