讲师中心 微信公众号
AI工具推荐 视频效率加速

html怎么创建Shared Storage共享存储_html Shared Storage跨站共享存储API

千静姑娘_5425

千静姑娘_5425

发布时间:2026-06-02 16:06:46

|

285人浏览过

|

来源于php中文网

原创

Shared Storage 默认仅限当前 origin 使用,不支持跨 origin 直接读取或联合查询;各站点同名 key 数据相互隔离,跨站聚合必须通过后端统一收口上报实现。

html怎么创建shared storage共享存储_html shared storage跨站共享存储api

Shared Storage 不是“创建出来就能跨站共享”的存储,它默认只对当前 origin 生效;所谓“跨站”是指多个站点在隐私沙箱约束下,通过受控方式协同写入、再由后端聚合——浏览器本身不提供跨 origin 的直接读取或联合查询能力。

sharedStorage.set() 和 get() 只作用于当前 origin

你调用 sharedStorage.set("user_id", "abc123") 时,数据只会存进 https://a.example.com 自己的 Shared Storage 空间;b.example.com 即使执行完全相同的语句,也只会写入它自己的空间,彼此不可见。

  • 没有 sharedStorage.getAcrossOrigins() 或类似方法,浏览器明确禁止跨 origin 直接访问
  • sharedStorage.get("user_id") 永远返回当前页面所在 origin 存的值,哪怕其他站点用了同名 key
  • 如果误以为“设了同名 key 就算共享”,会导致调试时发现数据始终为空或旧值——其实是读错了 origin

entries() 返回的只是本 origin 的键值对迭代器

sharedStorage.entries() 是个异步迭代器,但它只遍历当前 origin 下通过 set() 写入的条目,不会合并、排序或过滤其他站点的数据。

  • 返回的每个 [key, value] 中,value 是字符串类型,不是自动解析后的 JSON 或数字,需手动调用 JSON.parse() 或 Number()
  • 若想统计“所有合作站点的点击总数”,不能靠 entries() 拉取全部再累加——它根本拿不到别站的数据
  • 常见错误:在广告域写入 sharedStorage.set("clicks", "42"),又在媒体域调 sharedStorage.entries() 试图汇总,结果只看到空迭代器或自己设的键

真正可行的跨站聚合路径是后端统一收口

Shared Storage 本身不承担聚合职责。合规且可审计的做法是:各参与方把指标写入自己的 Shared Storage,再通过受控信道上报给统一后端。

立即学习“前端免费学习笔记(深入)”;

  • 广告域 advertiser.net 调用 sharedStorage.set("reach_count", "42")
  • 媒体域 publisher.org 同样调用 sharedStorage.set("reach_count", "89")
  • 双方都用 fetch("https://analytics.trusted/api/submit", { method: "POST", body: JSON.stringify({ origin: self.origin, value: "42" }) }) 上报,附带 origin 签名或 nonce 验证来源
  • 后端校验合法性、去重、累加,生成聚合报表——这才是唯一可行路径

remainingBudget() 不是存储配额,而是防滥用计数器

sharedStorage.remainingBudget() 返回的是当前 origin 剩余的“操作点数”,不是内存或存储空间大小。

  • 每次 set()、get()、delete() 都消耗 1 点;entries() 迭代一个条目也消耗 1 点
  • 初始预算约 1000 点,用完后后续操作会静默失败(不抛错,但不生效)
  • 容易忽略的点:在循环中反复调 sharedStorage.get() 而没检查 remainingBudget(),可能导致后半段请求全部失效却无提示

最常被绕过的复杂点是:Shared Storage 的“跨站”不是功能开关,而是一套协作契约——它强制你把聚合逻辑移出浏览器,在可信服务端执行;任何试图在前端绕过 origin 隔离的操作,都会在规范层面被拒绝。

热门AI工具

更多
Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

6235

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

3492

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

3170

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

3199

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

4919

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

3141

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

2949

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

2588

2023.09.01

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

20

2026.10.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn