[UserScript] 改善微信多图文章的阅读体验

微信公众账号的文章有个很不爽的地方是图片 lazy load,也就是说鼠标滚动到图片的位置时才会加载图片,阅读体验非常不好,至少会引起以下几个问题:

  • Pocket 保存不到图片
  • 给人感觉速度很慢,虽然用的 100M 光纤
  • 图片加载前后引起的屏幕跳动比较明显

有些图片比较多的文章还是比较适合在电脑上查看,于是就写了个脚本改进了一下电脑浏览器端的阅读体验,修复了两处体验:

  • 文章标题,默认显示的是公众号的名称,改为真正的文章标题,这样用浏览器扩展分享的时候就能取到正确的标题了。(这里我就不吐槽乃们页面里同一个 id 用了 3 次这种业余的做法了,,,
  • 去除图片 lazy load

使用方法如下:

  1. Chrome 浏览器安装 Tampermonkey 扩展
  2. 点此 安装用户脚本 Preload Images for WeChat
  3. 测试页面 http://mp.weixin.qq.com/s?__biz=MjM5MTQzNzU2NA&mid=203911146&idx=3&sn=2c8a2fdd1ea68c1d01887fbfb0fe7b23&scene=2&from=timeline&isappinstalled=0#rd