Steam 好友动态美化 (Steam Activity Style)

版本：1.3.5
适用页面：

https://steamcommunity.com/id/*/home
https://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! 🎨

載入中…