采用offline lazyloading的网页预加载内容存储在什么位置？

• 初始HTML内嵌的script标签：这是该类场景最常见的存储方式。整页所有产品数据会被序列化为JSON格式，嵌入在初始请求返回的HTML源码中，一般存放在两种script块里：一类是type属性为application/json/application/ld+json的非执行脚本块，另一类是可执行脚本里挂载到window对象的自定义属性（常见命名如window.__INITIAL_STATE__、window.__PRODUCT_LIST__）。你可以直接在初始HTML源码中搜索任意已加载产品的SKU、名称关键词，就能快速定位到对应数据块。
• 内存中的JavaScript变量：页面初始化执行脚本后，会把解析完成的产品数据存在全局变量或者闭包变量中。你可以给<div class="lazyload-placeholder"></div>元素加DOM插入断点，触发懒加载时回溯调用栈，就能直接定位到数据读取的源变量。也可以在控制台执行Object.keys(window)检索带product、list、data相关后缀的全局属性，快速排查数据位置。
• 本地存储容器：少部分站点会把预拉取的列表数据存在SessionStorage或者IndexedDB中，你可以在浏览器开发者工具的「应用」标签栏，分别查看这两类存储的条目，检索产品相关关键词即可确认是否存在此处。

内容的提问来源于stack exchange，提问作者jan415