带有 chrome 扩展的 cookie 或 localStorage

关键词：

【中文标题】带有 chrome 扩展的 cookie 或 localStorage【英文标题】：cookie or localStorage with chrome extensions 【发布时间】：2011-04-05 15:33:40 【问题描述】：

我已阅读此处有关该主题的所有其他问题，但无法解决我的问题。 我在我的网站上设置了 localStorage 中用户的电子邮件，我想在扩展程序中检索它。

localStorage.setItem("user", "andrei.br92@gmail.com" ); 

但是当我尝试使用 chrome 扩展接收它时，它没有这样做

value = localStorage.getItem("user");

哪种方式更容易？饼干本地存储？我不是自命不凡

【问题讨论】：

当您尝试检索该值时，您会得到什么 - 未定义或 null？另外——您使用什么页面/文件来存储项目以及您使用什么页面/文件来检索项目？ 【参考方案1】：

请看这个：

http://code.google.com/chrome/extensions/content_scripts.html#host-page-communication

内容脚本在单独的 JavaScript 世界中运行，这意味着内容脚本的 localStorage 与网站的 localStorage 不同。两者共享的唯一东西是 DOM，因此您需要使用 DOM 节点/事件进行通信。

【讨论】：

【参考方案2】：

使用chrome.storage.local 而不是localstorage。使用chrome.storage 的内容脚本与扩展页面看到的内容相同。更多https://developer.chrome.com/extensions/storage.html

【讨论】：

【参考方案3】：

请参阅Chrome content scripts 上的信息。我敢打赌你落入了和我一样的初始陷阱——试图从页面注入脚本中读取 localStorage，是吗？

【讨论】：

【参考方案4】：

您不想在 localstorage 可以使用的情况下使用 cookie。那是因为

只能通过后台页面访问/修改 Cookie。 Cookie 存储在 url/域的上下文中，而不是扩展名。因此，您必须为要操作的每个域存储一个 cookie。 每个 HttpRequest 都会将与相应 url/域关联的所有 cookie 传输到服务器，因此实际上您将增加用户请求的开销。）

【讨论】：

从 Chrome Webstore 安装的扩展程序抛出错误“包无效。详细信息：'无法加载带有文件或目录名称 _metadata 的扩展程序......'

...的扩展程序抛出错误“包无效。详细信息：\\\'无法加载带有文件或目录名称_metadata的扩展程序......\\\'【英文标题】：ExtensioninstalledfromChromeWebstorethrowserror"Packageisinvalid.Details:\'Cannotloadextensionwithfileordirectoryname_metadata...\ 查看详情

在 Chrome 扩展中加载沙盒 iframe 的 JavaScript 错误（本地存储、cookie）

】在Chrome扩展中加载沙盒iframe的JavaScript错误（本地存储、cookie）【英文标题】：JavaScripterrors(localstorage,cookie)loadingsandboxediframewithinChromeExtension【发布时间】：2017-04-2507:47:40【问题描述】：我正在编写一个Chrome扩展程序，它在沙盒... 查看详情

带有 chrome 扩展的 Keycloak 登录

】带有chrome扩展的Keycloak登录【英文标题】：Keycloakloginithchromeextension【发布时间】：2021-10-0307:30:23【问题描述】：我开始在纯JS中的现有自制chrome扩展上实现keycloakSSO身份验证。Keycloak服务器配置良好，我已经检查过了。我可以在... 查看详情

带有接收推送通知的服务人员的 chrome 扩展

】带有接收推送通知的服务人员的chrome扩展【英文标题】：chromeextensionwithserviceworkerreceivingpushnotifications【发布时间】：2016-02-2912:27:59【问题描述】：我已经成功构建了一个服务工作者，它可以接收thistutorial之后的推送通知。我... 查看详情

列出带有 chrome 扩展名的本地目录

】列出带有chrome扩展名的本地目录【英文标题】：Listalocaldirectorywithchromeextension【发布时间】：2012-02-0710:55:46【问题描述】：我正在尝试创建一个chrome扩展程序，用于扫描本地目录以查找新文件...但是，如果我将file://*权限添加... 查看详情

带有 Chrome 扩展的 Google 日历 API

】带有Chrome扩展的Google日历API【英文标题】：GoogleCalendarAPIwithChromeExtension【发布时间】：2022-01-1110:21:01【问题描述】：我正在尝试构建一个与Google日历API交互的Chrome扩展程序，以便将事件添加到我的日历中。我或多或少遵循here... 查看详情

如何保存带有 chrome 扩展名的页面

】如何保存带有chrome扩展名的页面【英文标题】：howtosaveapagewithchromeextension【发布时间】：2017-08-2411:27:37【问题描述】：我正在开发一个Chromeextension，它的一个重要功能是：当创建一个新标签页时，这个扩展程序会自动将整个网... 查看详情

带有清单版本 3 的 CORS Chrome 扩展程序

】带有清单版本3的CORSChrome扩展程序【英文标题】：CORSChromeExtensionwithmanifestversion3【发布时间】：2021-10-1617:32:15【问题描述】：我们在Chrome扩展程序中遇到了一个关于CORS的奇怪问题。我们正在使用清单V3，并且在主机权限中正确... 查看详情

使用 cookie 从 Chrome 扩展发送 XHR 请求

】使用cookie从Chrome扩展发送XHR请求【英文标题】：SendXHRrequestfromChromeextensionwithcookies【发布时间】：2012-06-2022:05:21【问题描述】：我正在尝试将XHR请求从GoogleChrome扩展程序发送到另一个域。这可以正常工作，但我需要随请求发送... 查看详情

我可以在 chrome 扩展中找到带有选定文本的标签吗？

】我可以在chrome扩展中找到带有选定文本的标签吗？【英文标题】：CanIfindthetagwithselectedtextinachromeextension?【发布时间】：2012-03-0417:56:23【问题描述】：如果我在上下文菜单中添加了一项：chrome.contextMenus.create("title":chrome.i18n.getMes... 查看详情

带有 Set-Cookie Header 的 Safari/Chrome 的开发者控制台中不显示 Cookie，但在查看服务器日志时存在

】带有Set-CookieHeader的Safari/Chrome的开发者控制台中不显示Cookie，但在查看服务器日志时存在【英文标题】：Cookiesdon\'tshowupindeveloperconsoleofSafari/ChromewithSet-CookieHeader,butexistwhenlookingatserverlogs【发布时间】：2019-04-2822:21:21【问题描述... 查看详情

在 Chrome 扩展中使用时，Fetch API 不发送会话 cookie

】在Chrome扩展中使用时，FetchAPI不发送会话cookie【英文标题】：FetchAPInotsendingsessioncookieswhenusedinsideaChromeExtension【发布时间】：2016-06-0304:58:28【问题描述】：我正在尝试制作一个Chrome扩展程序，它使用FetchAPI从Github上的PullRequests中... 查看详情

Chrome 扩展程序中的 SameSite 警告

】Chrome扩展程序中的SameSite警告【英文标题】：SameSitewarninginChromeExtensions【发布时间】：2020-04-2305:48:45【问题描述】：我们正在开发Chrome扩展程序从没有设置SameSite属性的域中读取cookie将cookie写入没有SameSite属性的域我们在manifest.... 查看详情

cookie 未在 chrome 或 firefox 中的 localhost 上设置

】cookie未在chrome或firefox中的localhost上设置【英文标题】：Cookieisnotsetonlocalhostinchromeorfirefox【发布时间】：2017-04-0114:08:19【问题描述】：我正在使用以下列方式返回cookie的Jersey服务器：returnResponse.ok().cookie(newNewCookie("userAccessToken",u... 查看详情

带有 dd 和 dt 条件的 web scraper chrome 扩展

】带有dd和dt条件的webscraperchrome扩展【英文标题】：webscraperchromeextensionwithddanddtconditions【发布时间】：2018-10-1909:59:00【问题描述】：我想在网络上提取一些数据，我正在使用chrome提供的网络爬虫开发工具。我的网页包含一个部分... 查看详情

如何检查 chrome devtools 中的所有 cookie？

】如何检查chromedevtools中的所有cookie？【英文标题】：Howtoinspectallcookiesinchromedevtools?【发布时间】：2018-03-2414:00:24【问题描述】：Chromedevtools仅显示与当前url相关的cookie（基于路径属性），我如何查看与域相关的所有cookie？【问... 查看详情

使用带有 Cookie 持久性的改造

】使用带有Cookie持久性的改造【英文标题】：usingretrofitwithCookiepersistence【发布时间】：2013-09-2412:42:42【问题描述】：伙计们，我正在使用改造，我想知道如何透明地处理会话cookie。为此，我扩展了给定的ApacheClient并在对ApacheClien... 查看详情

chrome扩展程序获取功能不会发送cookie(代码片段)

我有一个chrome扩展，使用fetch函数对运行laravel的服务器执行ajax调用。清单权限"permissions":["webRequest","webRequestBlocking","webNavigation","activeTab","tabs","cookies","<all_urls>"],取电话fetch(this.url,credentials:'include',method:'post',headers:"Content-type":... 查看详情