知乎增强脚本原图功能失效问题分析与解决方案

问题背景

知乎增强脚本是一款广受欢迎的浏览器用户脚本，其中"默认高清原图"功能能够帮助用户直接获取知乎平台上的高清无水印图片。近期有用户反馈该功能出现异常，表现为右键另存图片时无法获取高清原图，而需要新标签页打开才能下载高清版本。

技术分析

该功能的核心实现逻辑相对简单但高效。脚本会查找页面中符合特定条件的图片元素，然后通过拼接URL的方式生成高清原图地址。具体实现代码如下：

document.querySelectorAll('img[data-original][data-original-token][data-lazy-status]:not([data-original-xiu]):not(.comment_sticker):not(.Avatar)').forEach(function(one){
    one.src = 'https://' + one.dataset.original.split('/')[2] + '/' + one.dataset.originalToken + '.webp'; 
    one.dataset.originalXiu = 'true';
});

这段代码的工作原理是：

1. 选择所有具有data-original、data-original-token和data-lazy-status属性，且未被处理过（没有data-original-xiu属性）的非表情包、非头像图片
2. 从data-original属性中提取域名部分
3. 与data-original-token属性值拼接成新的URL
4. 强制使用.webp格式获取无水印原图
5. 标记该图片已处理

问题排查

在用户反馈的问题案例中，出现了两种不同的图片URL模式：

1. 正常模式：https://pic1.zhimg.com/v2-40cbe60f695f77e74d11c401ee39add2.webp
2. 异常模式：https://pic1.zhimg.com/v2-8536c90b9f8431f63bf2e2b25e5f7439_r.jpg?source=2c26e567

经过深入分析，异常模式实际上是旧版脚本(2.3.2版本之前)的实现方式，它会直接使用图片的data-original属性值作为新src。这表明用户环境中可能存在新旧版本脚本同时运行的情况。

解决方案

对于遇到类似问题的用户，建议采取以下步骤解决：

1. 彻底清理旧脚本：

   • 进入脚本管理器(如Tampermonkey)的回收站
   • 确保完全删除旧版本的知乎增强脚本

2. 重新安装最新版：

   • 从可靠来源获取最新版本的脚本
   • 全新安装而非覆盖更新

3. 检查运行环境：

   • 确保浏览器和脚本管理器为最新版本
   • 尝试在无痕模式下测试功能是否正常

4. 避免手动修改：

   • 虽然直接修改脚本代码可以临时解决问题
   • 但这会影响后续的自动更新机制
   • 建议通过正规更新渠道解决问题

技术建议

对于脚本开发者而言，这个问题也提供了一些有价值的经验：

1. 版本兼容性：在重大功能更新时，应考虑如何平滑过渡，避免新旧版本冲突

2. 错误处理：可以增加更完善的错误检测机制，当发现异常URL模式时给出提示

3. 用户引导：在更新日志中明确说明重大变更，帮助用户理解需要进行的操作

通过以上分析和解决方案，大多数用户应该能够恢复高清原图功能的正常使用。如果问题仍然存在，建议检查是否有其他浏览器扩展冲突，或者考虑更换浏览器环境进行测试。