事老花眼专用 Steam 吗?

2022-05-03, 星期二, 18:23

MAKE高级网上冲浪技巧

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

已知存在一些问题:

  1. 部分表情的大图资源会出现 404 (解决办法:我的库存 > 找到这个表情 > 转换为宝珠)