☰

公众号去除图片延迟加载

去除图片延迟加载，直接显示原图片

  1. // ==UserScript==
  2. // @name               Disable Wechat Images Lazyload
  3. // @name:zh-CN         公众号去除图片延迟加载
  4. // @description        Disable Wechat Images Lazyload, Show Origin Images Directly
  5. // @description:zh-CN  去除图片延迟加载，直接显示原图片
  6. // @namespace          https://www.runningcheese.com
  7. // @version            0.4
  8. // @author             RunningCheese
  9. // @match              https://mp.weixin.qq.com/s/*
  10. // @match              https://mp.weixin.qq.com/s?__biz=*
  11. // @run-at             document-start
  12. // @require            https://code.jquery.com/jquery-3.3.1.min.js
  13. // @icon               https://t1.gstatic.cn/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://mp.weixin.qq.com
  14. // @license            MIT
  15. // ==/UserScript==
  16.      
  17. (function() {
  18.     // 使用noConflict模式避免与页面上的其他jQuery冲突
  19.     var $j = jQuery.noConflict(true);
  20.     
  21.     // 处理图片懒加载
  22.     function processLazyImages() {
  23.         $j('img').each(function(){
  24.             var dataSrc = $j(this).attr('data-src');
  25.             if (dataSrc){
  26.                 $j(this).attr('src', dataSrc);
  27.                 $j(this).removeAttr('data-src');
  28.                 $j(this).removeAttr('data-type');
  29.                 $j(this).removeAttr('data-w');
  30.                 $j(this).removeAttr('data-ratio');
  31.                 $j(this).removeAttr('data-fail');
  32.             }
  33.         });
  34.     }
  35.     
  36.     // 移除URL中的懒加载参数
  37.     function removeWxLazyParam() {
  38.         const links = document.querySelectorAll('a');
  39.         links.forEach(link => {
  40.             if (link.href && link.href.includes('wx_lazy=1')) {
  41.                 link.href = link.href.replace('wx_lazy=1', '');
  42.             }
  43.         });
  44.     }
  45.     
  46.     // 监听DOM变化，处理动态加载的内容，但限制在文章内容区域
  47.     function observeDOMChanges() {
  48.         // 仅监听文章内容区域，而不是整个body
  49.         const articleContent = document.querySelector('#js_content') || document.body;
  50.         
  51.         const observer = new MutationObserver(function(mutations) {
  52.             // 设置一个防抖动计时器，避免频繁处理
  53.             if (observer.timer) {
  54.                 clearTimeout(observer.timer);
  55.             }
  56.             observer.timer = setTimeout(function() {
  57.                 processLazyImages();
  58.                 removeWxLazyParam();
  59.             }, 200);
  60.         });
  61.         
  62.         observer.observe(articleContent, {
  63.             childList: true,
  64.             subtree: true,
  65.             attributes: true,
  66.             attributeFilter: ['data-src']
  67.         });
  68.     }
  69.     
  70.     // 页面加载完成后执行
  71.     $j(document).ready(function() {
  72.         // 立即执行一次
  73.         processLazyImages();
  74.         removeWxLazyParam();
  75.         
  76.         // 再延迟执行一次，确保处理完所有图片
  77.         setTimeout(function(){
  78.             processLazyImages();
  79.             removeWxLazyParam();
  80.             
  81.             // 开始监听DOM变化
  82.             observeDOMChanges();
  83.         }, 1000);
  84.     });
  85.     
  86.     // 替换HTML内容中的懒加载属性
  87.     document.addEventListener('DOMContentLoaded', function() {
  88.         const htmlContent = document.body.innerHTML;
  89.         // 使用正则替换，但不直接修改整个body的innerHTML，这可能会破坏事件监听
  90.         const articleContent = document.querySelector('#js_content');
  91.         if (articleContent) {
  92.             articleContent.innerHTML = articleContent.innerHTML
  93.                 .replace(/wx_lazy=1/g, '')
  94.                 .replace(/data-src/g, 'src');
  95.         }
  96.     });
  97. })();