我可以从 chrome 扩展程序访问站点的 localStorage 吗？

Question

我的 chrome 扩展有两种状态： 1. 一些站点在localStorage（另一个域）中有认证数据，所以我必须显示主窗口。 2. 没有验证数据，所以我必须显示带有登录名和密码表单的窗口。

为了定义是否提供了auth数据，我想检查一下他的localStorage，但看起来不可能。

但是，chrome.storage.local.get 和 chrome.storage.local.set 非常适合扩展的 localStorage。

或者有没有办法做到这一点 - 访问另一个站点的 localStorage ？

Answer 1

是的，您可以在页面上执行脚本来访问本地存储。有几种不同的方法可以做到这一点，包括内容脚本或注入脚本。

我使用chrome-extension-async 来获得async/await 支持。

例如popup.js

document.addEventListener('DOMContentLoaded', async () => {
    try {
        const key = "foobar"

        // Get the current tab
        const tabs = await chrome.tabs.query({ active: true, currentWindow: true });
        const tab = tabs[0]; 

        // Execute script in the current tab
        const fromPageLocalStore = await chrome.tabs.executeScript(tab.id, { code: `localStorage['${key}']` });

        // Store the result  
        await chrome.storage.local.set({[key]:fromPageLocalStore[0]});
    } 
    catch(err) {
        // Log exceptions
    }
});