2021 年 2 月 13 日首发于 https://keylol.com/t685910-1-1
Steam 动态编辑器里的表情列表使用的是 18x18 的图标资源,把光标移上去则出现一个悬浮窗,里面是更清晰的版本和说明文字。
在我的 27 寸 4K 显示器上还行,放到 mbp 的 13 寸屏幕上就有点考验视力了。
本着 steam 比游戏好玩的中心思想,研究了下,发现大图处使用了 54x54 资源,而资源的路径只有一点小变化。
https://community.cloudflare.steamstatic.com/economy/emoticon/astrohappy
https://community.cloudflare.steamstatic.com/economy/emoticonlarge/astrohappy
想使用 MutationObserver
监听 DOM 变化,手动替换 <img>
里的 src
,但这样一来悬浮预览就挂了,看了一会不知道如何解决。
干脆做个重定向算了,久经考验的 Header Editor 再次出马。经过一段时间的使用,可以确认至少有 3 个 CDN 提供资源服务,分别来自 steamstatic 和 akamaihd。拦截这 3 个模式的请求并重定向到 emoticonlarge/
目录。
https://community.cloudflare.steamstatic.com/economy/emoticon/(.*)
https://steamcommunity-a.akamaihd.net/economy/emoticon/(.*)
https://community.akamai.steamstatic.com/economy/emoticon/(.*)
接下来使用 UserScript 匹配 http*://steamcommunity.com/profiles/*
页面,导入 CSS 样式,使表情选择器有足够大的空间就行了。
用户脚本和 Header Editor 配置见 这个 GitHub Gist。
已知存在一些问题:
- 部分表情的大图资源会出现 404
(解决办法:我的库存 > 找到这个表情 > 转换为宝珠)。