应通过Chrome开发者工具Application面板查看Cookie技术细节。具体包括：一、打开Application面板并展开Cookies节点；二、选择对应源查看完整字段；三、用document.cookie命令读取非HttpOnly Cookie；四、用Filter筛选特定名称；五、通过地址栏锁形图标查看基础信息。
如果您在Chrome浏览器中需要获取当前网页所存储的Cookie技术细节，例如名称、值、过期时间、域、路径及HttpOnly/Secure等安全属性，则应通过开发者工具的Application面板进行结构化查看。以下是具体操作步骤：
一、打开开发者工具并切换至Application面板
Application面板专用于管理网页的客户端存储资源，其中Cookies节点以树形结构组织，可清晰呈现每个源（Origin）下所有已写入的Cookie条目，便于定位与分析。
1、在Chrome中打开目标网站，确保页面已完成加载。
2、按下 F12 键，或使用快捷键 Ctrl+Shift+I（Windows/Linux） / Cmd+Option+I（Mac） 打开开发者工具。
3、点击顶部标签栏中的 Application 选项卡。
二、展开Cookies节点并选择对应源
Cookies列表按源（即协议+域名+端口）分组，仅显示当前页面所属源及其子域的Cookie，避免跨源干扰，确保数据归属明确。
1、在左侧边栏的 Storage 区域下，找到并点击展开 Cookies 节点。
2、在展开项中，点击与当前网页完全匹配的URL条目（例如 https://example.com）。
3、右侧主区域将立即渲染该源下的全部Cookie，每行包含 Name、Value、Domain、Path、Expires/Max-Age、Size、HttpOnly、Secure、SameSite 等字段。
三、使用Console命令读取原始Cookie字符串
该方式直接调用document.cookie API，返回浏览器允许JavaScript访问的非HttpOnly Cookie组成的分号分隔字符串，适用于快速复制键值对或嵌入脚本处理。
1、确保开发者工具当前处于 Console 面板。
2、输入并执行：document.cookie。
3、控制台输出形如 "sessionid=abc123; csrftoken=xyz789" 的原始字符串。
四、利用Filter框实时筛选特定Cookie名称
当单个网站设置数十个Cookie时，手动滚动查找低效；Filter功能支持关键词实时匹配，仅保留含指定名称（如token、auth、uid）的条目，提升调试效率。
1、在Application面板Cookies列表区域右上方，找到带放大镜图标的 Filter 输入框。
2、键入目标Cookie名称关键字（例如 refresh_token）。
3、列表自动高亮匹配项，并隐藏其余不相关条目。
五、通过地址栏锁形图标快速查看基础Cookie信息
此路径绕过开发者工具，提供轻量级视图，仅显示Cookie名称与对应值，适合非技术人员快速确认是否存在关键凭证，但不展示过期时间或安全标记等技术字段。
1、在Chrome中打开目标网页。
2、点击地址栏左侧的 锁形图标 或站点信息图标（ⓘ）。
3、在弹出菜单中选择 Cookie 或 网站数据。
4、展开条目后，即可查看该网站当前存储的全部Cookie名称与明文值。
