Steam 好友动态美化
Steam 好友动态美化 (Steam Activity Style)
版本：1.3.5
适用页面：
https://steamcommunity.com/id/*/homehttps://steamcommunity.com/id/*/myactivity
作者：SmallFork
开源许可：MIT
📦 概述
Steam 好友动态美化 是一款针对 Steam 个人动态页面（/home 和 /myactivity）的视觉增强与功能扩展脚本。它彻底美化了动态卡片的样式，同时加入了实用的筛选工具、好友悬浮面板、自定义截图查看器等高级功能，并修复了游戏购买动态中封面图显示为 SVG 占位符的问题。
脚本在保留 Steam 原生功能的前提下，通过注入样式和交互逻辑，让您的动态浏览体验更加清爽、高效。
✨ 主要功能
| 功能模块 | 简要说明 |
|---|---|
| 动态卡片美化 | 深色毛玻璃卡片、圆角阴影、悬浮动效，整体视觉风格与 Steam 深色主题融合 |
| 一键筛选动态 | 四个筛选按钮：只看截图、只看游戏、只看成就、只看评测，一键聚焦特定类型 |
| 好友悬浮面板 | 点击“好友列表”按钮，弹出侧边栏显示在线好友、游戏中的好友、快捷菜单等 |
| 自定义截图查看器 | 点击截图后以全屏沉浸方式浏览，支持滚轮缩放、拖拽移动、左右切换、加载原图 |
| 游戏封面修复 | 修复游戏购买动态中封面图显示为 SVG 占位符的问题，自动加载真实游戏封面 |
| 游戏购买展开 | 默认显示 3 个游戏封面，自动扩展至最多 12 个，超出显示“+N” |
| 每日汇总分类 | 对每日汇总行（成为好友、首次游玩、添加愿望单、达成成就）添加左侧彩色边框 |
| 外链新窗口打开 | 所有商店或社区链接默认在新标签页打开，保留当前页面 |
| 回到顶部按钮 | 页面滚动超过 400px 时自动显示，一键平滑返回顶部 |
| 移动端适配 | 对手机屏幕进行响应式优化 |
🖥️ 界面与使用指南
1️⃣ 安装与首次加载
- 在 Tampermonkey 或 Violentmonkey 中安装脚本后，访问您的 Steam 个人动态页面（如
https://steamcommunity.com/id/yourname/home）即可生效。 - 脚本会自动美化页面样式，并在页面右下角生成五个圆形按钮（从上到下依次为：截图、游戏、成就、评测、好友列表）。
- 同时，页面右侧会显示一个“回到顶部”按钮（滚动时出现）。
2️⃣ 动态筛选（四个核心按钮）
点击右下角的四个彩色按钮，可以快速筛选动态流：
- 🟢 截图：仅显示包含截图的动态。
- 🟠 游戏：仅显示游戏购买动态。
- 🟣 成就：仅显示达成成就的动态。
- 🔴 评测：仅显示评测（推荐/不推荐）动态。
操作逻辑：
- 点击任一按钮，该按钮会高亮，同时页面中不匹配的动态卡片会被隐藏。
- 再次点击同一个按钮，则取消筛选，恢复显示所有动态。
- 当任一筛选激活时，其他三个按钮会变为半透明，以提示当前处于筛选模式。
3️⃣ 好友悬浮面板
点击右下角的蓝色 好友列表 按钮（👥 图标），会在按钮左侧弹出一个悬浮面板。
面板内容包括：
- 自己的信息：头像、昵称、在线状态（显示为“自己”条目）。
- 在线好友：显示当前在线的所有好友（含正在游戏的）。
- 快捷操作：
- 💬 发送聊天消息（调用 Steam 的 WebChat）。
- 👥 查看完整好友列表（跳转到
/friends页面）。
- 快捷菜单：列出右侧栏中的常用菜单项（如“库存”、“组”等），点击在新标签页打开。
面板会记住加载状态，再次点击按钮会切换显示/隐藏。
4️⃣ 自定义截图查看器
点击动态中的截图缩略图（包括单图或画廊），脚本会接管并打开一个沉浸式全屏查看器，而不是 Steam 自带的弹窗。
功能包括：
- 缩放：滚动鼠标滚轮，缩放范围 0.2 倍至 8 倍。
- 拖拽：缩放后按住图片拖动可平移查看。
- 切换：如果该动态包含多张截图，左右两侧会出现切换按钮（或使用键盘左右箭头）。
- 加载原图：点击右下角的“加载原图”按钮，将当前缩略图替换为高清原图（加载后永久缓存，切换回该图时直接显示原图）。
- 关闭：点击背景、关闭按钮或按
ESC键可关闭查看器，并伴有平滑缩放动画。
查看器支持全键盘操作：
←上一张、→下一张、ESC关闭。
5️⃣ 游戏封面修复与展开
问题修复：Steam 原生页面中，某些游戏购买动态的封面图会显示为灰色的 SVG 占位符（No Image）。脚本会依次尝试多个 CDN 路径（如 capsule_231x87.jpg、header.jpg 等），若全部失败，则通过 Steam Store API 获取真实封面 URL，确保封面图正常显示。
展开更多游戏：购买多个游戏时，原生页面默认只显示 3 个封面，超出部分用“+N”表示。脚本会将其自动扩展到最多 12 个，超出仍显示“+N”。所有新添加的封面图同样经过修复逻辑，保证显示正常。
6️⃣ 每日汇总分类样式
动态中每日汇总行（例如“你与 XXX 成为了好友”、“你第一次玩了 YYY”、“你将 ZZZ 添加到了愿望单”、“你达成了 AAA 的成就”）会被自动识别并添加左侧彩色边框，便于快速区分事件类型：
- 🔵 成为好友（蓝色）
- 🟢 首次游玩（绿色）
- 🟠 添加到愿望单（橙色）
- 🟣 达成成就（紫色）
7️⃣ 其他增强
- 链接新窗口打开：所有指向 Steam 商店或社区站内链接的
<a>标签，都会自动添加target="_blank"和rel="noopener"，避免离开当前页面。 - 回到顶部：右下角有一个半透明的圆形按钮（↑），页面滚动超过 400px 时渐显，点击后平滑滚动到页面顶部。
- 页面宽度自适应：移除原生页面中
#blotter_content的内联宽度限制，使动态内容更宽敞。
⌨️ 键盘快捷键
| 按键 | 功能（查看器打开时） |
|---|---|
← |
上一张截图 |
→ |
下一张截图 |
ESC |
关闭查看器 |
注意：快捷键仅在截图查看器打开时有效，日常浏览无全局快捷键。
⚙️ 高级设置（代码内可调参数）
脚本顶部 CONFIG 对象包含一些可自定义参数：
| 参数 | 默认值 | 说明 |
|---|---|---|
WAIT_TIMEOUT |
15000ms | 等待右侧栏出现的超时时间 |
Z_INDEX |
9999 | UI 元素的层叠顺序 |
BTN_SIZE |
30px | 右下角按钮的尺寸 |
PANEL_WIDTH |
300px | 好友面板的宽度 |
PANEL_MAX_H |
80vh |
好友面板的最大高度 |
MAX_GAME_SHOW |
12 | 游戏购买动态最多显示的封面数 |
ANIM_DURATION |
250ms | 查看器打开/关闭动画时长 |
ZOOM_MIN / ZOOM_MAX |
0.2 / 8 | 查看器缩放范围 |
ZOOM_STEP |
0.15 | 滚轮缩放步进 |
DL_IMG_SIZE |
5000 | 加载原图时的尺寸参数（imw/imh） |
🔒 隐私与安全
- 脚本不收集任何个人数据，所有操作均在本地完成。
- 截图查看器中的“加载原图”功能会向 Steam CDN 请求高清图片，无额外隐私风险。
- 游戏封面修复过程中，若 CDN 路径全部失效，会向
store.steampowered.com/api/appdetails发起 API 请求（仅获取封面 URL），该请求为公开接口，无需鉴权。
❓ 常见问题 (FAQ)
Q：为什么我点击截图后没有打开自定义查看器，而是 Steam 默认弹窗？
A：请确保脚本已正常加载（控制台可见启动日志）。如果仍有冲突，可尝试刷新页面或重新安装脚本。查看器通过事件捕获拦截截图点击，优先级高于 Steam 原生处理。
Q：游戏购买动态的封面图仍然显示为“No Image”或灰色方块？
A：脚本会依次尝试多个 CDN 路径和 API 获取，但若游戏本身未提供封面或网络受限，可能仍无法加载。您可以检查浏览器控制台是否有网络错误。
Q：好友面板中显示的好友列表与 Steam 好友页面不一致？
A：面板数据直接从页面右侧的 #friendactivity_right_column 中提取，该区域由 Steam 动态加载。如果该区域尚未完全渲染，面板可能不完整。您可以稍等片刻后重新打开面板。
Q：筛选按钮点击后没有反应？
A：请确认页面中确实存在对应类型的动态（如无截图动态，则“只看截图”会隐藏所有块）。筛选逻辑基于动态块内的特征元素（如 .blotter_screenshot、.blotter_gamepurchase 等），若 Steam 更新了类名，可能失效。可反馈给作者更新。
📜 开源与反馈
- 主页：脚本通过 GreasyFork 托管（搜索“Steam 好友动态美化”）。
- 反馈：欢迎在 GreasyFork 评论区或 Keylol 论坛反馈问题与建议。
本手册基于脚本源码 v1.3.5 编写，实际功能以最新版本为准。
Enjoy your polished Steam activity! 🎨